hdoc-tools 0.62.4 → 0.63.0

package/ui/css/theme-default/styles/vars.css

@@ -6,7 +6,7 @@
  * instead because those are "Theme (light or dark)" dependant.
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-c-white: rgba(255, 255, 255, 1);
   --htl-c-white-soft: #f9f9f9;
   --htl-c-white-mute: #f1f1f1;
@@ -34,14 +34,14 @@
   --htl-c-divider-dark-2: rgba(84, 84, 84, 0.48);
 
   --htl-c-text-light-1: var(--htl-c-indigo);
-  --htl-c-text-light-2: rgba(60, 60, 60, 0.7);
-  --htl-c-text-light-3: rgba(60, 60, 60, 0.33);
-  --htl-c-text-light-4: rgba(60, 60, 60, 0.18);
+  --htl-c-text-light-2: #595959; /* Solid color for WCAG AAA (7:1 on white) */
+  --htl-c-text-light-3: #595959; /* Solid color for WCAG AAA (7:1 on white) */
+  --htl-c-text-light-4: #767676;
 
-  --htl-c-text-dark-1: rgba(255, 255, 255, 0.87);
-  --htl-c-text-dark-2: rgba(235, 235, 235, 0.6);
-  --htl-c-text-dark-3: rgba(235, 235, 235, 0.38);
-  --htl-c-text-dark-4: rgba(235, 235, 235, 0.18);
+  --htl-c-text-dark-1: #FFFFFF; /* WCAG AAA on #242424 bg: 13.5:1 */
+  --htl-c-text-dark-2: #DEDEDE; /* WCAG AAA on #242424 bg: 10.5:1 */
+  --htl-c-text-dark-3: #BABABA; /* WCAG AAA on #242424 bg: 7.2:1 */
+  --htl-c-text-dark-4: #9E9E9E; /* Secondary text, may not meet AAA */
 
   --htl-c-indigo: #213547;
   --htl-c-indigo-soft: #476582;
@@ -73,11 +73,11 @@
   --htl-c-red-lighter: #fd1d7c;
   --htl-c-red-dark: #cd2d3f;
   --htl-c-red-darker: #ab2131;
-  --htl-c-red-dimm-1: rgba(237, 60, 80, 0.5);
-  --htl-c-red-dimm-2: rgba(237, 60, 80, 0.25);
-  --htl-c-red-dimm-3: rgba(237, 60, 80, 0.05);
+  --htl-c-red-dimm-1: #F5A8B0; /* Solid equivalent for WCAG compatibility */
+  --htl-c-red-dimm-2: #FAD3D7;
+  --htl-c-red-dimm-3: #FEF2F3;
 
-  --htl-c-blue: #379cdbff;
+  --htl-c-blue: #00527f; /* Darkened for WCAG AAA (7:1) on white */
   --htl-c-blue-light: #75c7faff;
   --htl-c-blue-lighter: #87cefaff;
   --htl-c-blue-dark: #208fd4ff;
@@ -92,7 +92,7 @@
  * Colors Theme
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-c-bg: var(--htl-c-white);
   --htl-c-bg-soft: var(--htl-c-white-soft);
   --htl-c-bg-mute: var(--htl-c-white-mute);
@@ -114,7 +114,7 @@
   --htl-c-text-inverse-3: var(--htl-c-text-dark-3);
   --htl-c-text-inverse-4: var(--htl-c-text-dark-4);
 
-  --htl-c-text-code: var(--htl-c-indigo-soft);
+  --htl-c-text-code: #2d4356; /* Darkened for WCAG AAA 7:1 contrast on --htl-c-bg-mute */
 
   --htl-c-brand: var(--htl-c-blue);
   --htl-c-brand-light: var(--htl-c-blue-light);
@@ -154,7 +154,7 @@
  * Typography
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
     ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
@@ -176,7 +176,7 @@
  * Shadows
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
   --htl-shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
   --htl-shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
@@ -188,7 +188,7 @@
  * Z-indexes
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-z-index-local-nav: 10;
   --htl-z-index-nav: 20;
   --htl-z-index-layout-top: 30;
@@ -201,7 +201,7 @@
  * Icons
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
   --htl-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
 }
@@ -210,15 +210,16 @@
  * Layouts
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-layout-max-width: 1440px;
+  --htl-box-radius: 8px;  /* Consistent border-radius for boxed content (alerts, tables, code blocks, images, TOC) */
 }
 
 /**
  * Component: Code
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-code-line-height: 1.7;
   --htl-code-font-size: var(--htl-default-font-size);
 
@@ -249,7 +250,7 @@
  * Component: Button
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-button-brand-border: var(--htl-c-brand-light);
   --htl-button-brand-text: var(--htl-c-text-dark-1);
   --htl-button-brand-bg: var(--htl-c-brand);
@@ -325,7 +326,7 @@
 
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
   --htl-custom-block-tip-text: var(--htl-c-green-darker);
-  --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
+  --htl-custom-block-tip-bg: #f0faf5; /* Solid light green bg for WCAG compliance */
   --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
 
   --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
@@ -334,12 +335,12 @@
   --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
 
   --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
-  --htl-custom-block-warning-text: var(--htl-c-red-darker);
+  --htl-custom-block-warning-text: #8B1A28; /* Darkened for WCAG AAA (7:1) on warning bg */
   --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
   --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
 
   --htl-custom-block-details-border: var(--htl-c-divider-light);
-  --htl-custom-block-details-text: var(--htl-c-text-2);
+  --htl-custom-block-details-text: #525252; /* Darkened for WCAG AAA (7:1) on soft bg */
   --htl-custom-block-details-bg: var(--htl-c-white-soft);
   --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
 
@@ -349,36 +350,40 @@
   --htl-custom-block-details-border: var(--htl-c-divider-light);
   --htl-custom-block-details-bg: var(--htl-c-black-mute);
   --htl-custom-block-details-code-bg: var(--htl-c-gray-dark-4);
+  --htl-custom-block-details-text: #DEDEDE; /* WCAG AAA on dark bg */
 
   --htl-custom-block-important-border: var(--htl-c-indigo-lighter);
   --htl-custom-block-important-bg: var(--htl-c-indigo-dark);
-  --htl-custom-block-important-text: var(--htl-c-indigo-lighter);
+  --htl-custom-block-important-text: #E8E8E8; /* WCAG AAA on indigo-dark bg */
 
-  --htl-custom-block-info-text: var(--htl-c-blue);
-  --htl-custom-block-info-bg: var(--htl-c-blue-dimm-3);
+  --htl-custom-block-info-border: #4A6A80;
+  --htl-custom-block-info-text: #B8DFFF; /* Bright blue for WCAG AAA on dark bg */
+  --htl-custom-block-info-bg: #2A3A45; /* Solid dark blue-tinted bg */
 
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-2);
-  --htl-custom-block-tip-text: var(--htl-c-green-light);
+  --htl-custom-block-tip-text: #7FFFB2; /* Bright green for WCAG AAA */
+  --htl-custom-block-tip-bg: #1a2e24; /* Solid dark green-tinted bg */
 
   --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-2);
-  --htl-custom-block-caution-text: var(--htl-c-yellow-light);
+  --htl-custom-block-caution-text: #FFE066; /* Bright yellow for WCAG AAA */
 
-  --htl-custom-block-warning-border: var(--htl-c-red-dimm-2);
-  --htl-custom-block-warning-text: var(--htl-c-red-light);
+  --htl-custom-block-warning-border: #5C3A3D;
+  --htl-custom-block-warning-text: #FFB8C0; /* Bright pink/red for WCAG AAA */
+  --htl-custom-block-warning-bg: #3D2A2C; /* Solid dark red-tinted bg */
 }
 
 /**
  * Component: Nav
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-nav-height: var(--htl-nav-height-mobile);
   --htl-nav-height-mobile: 56px;
   --htl-nav-height-desktop: 72px;
 }
 
 @media (min-width: 960px) {
-  :root {
+  :root  {
     --htl-nav-height: var(--htl-nav-height-desktop);
   }
 }
@@ -387,7 +392,7 @@
  * Component: Sidebar
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-sidebar-width: 272px;
 }
 
@@ -395,7 +400,7 @@
  * Component: Home
  * -------------------------------------------------------------------------- */
 
-:root {
+:root  {
   --htl-home-hero-name-color: var(--htl-c-brand);
   --htl-home-hero-name-background: transparent;
 

package/ui/favicon.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 283.5 283.5" style="enable-background:new 0 0 283.5 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#5CB77C;}
+	.st1{fill:#2991D0;}
+	.st2{fill:#C71051;}
+	.st3{fill:#F2892B;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M185.1,251.3v0.1C185.1,251.3,185.1,251.3,185.1,251.3z"/>
+		</g>
+		<g>
+			<path class="st0" d="M187.4,246.9c0.1-0.2,0.3-0.4,0.4-0.6C187.7,246.5,187.5,246.7,187.4,246.9z"/>
+		</g>
+		<g>
+			<path class="st0" d="M186.5,248.5c-0.1,0.2-0.2,0.4-0.3,0.6C186.2,248.9,186.3,248.7,186.5,248.5z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<path class="st1" d="M111.3,35.1c-4.6,5.4-10.6,9.2-16.9,10.6c-6.2,1.4-12.2,0.3-16.9-2.9c-12.2,16.7-22.2,59.9-10.6,97.6
+		c0.4,1.4,2.3,1.5,3,0.2c0,0,5.5-99.8,113.2-93c1.4,0.1,2.2-1.5,1.4-2.6c-25.9-33.3-62.6-29.5-65.6-29.5
+		C118.8,22.2,116.2,29.2,111.3,35.1z"/>
+	<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.0988 71.5)" class="st1" cx="92" cy="21.2" rx="23.8" ry="18.2"/>
+</g>
+<g>
+	<g>
+		<path class="st2" d="M23.8,173.1h-0.1C23.8,173.1,23.8,173.1,23.8,173.1z"/>
+		<path class="st2" d="M28.2,175.5c0.2,0.1,0.4,0.3,0.6,0.4C28.6,175.7,28.4,175.6,28.2,175.5z"/>
+		<path class="st3" d="M35.1,172.6c5.4,4.6,9.2,10.6,10.6,16.9c1.4,6.2,0.3,12.2-2.9,16.9c16.7,12.2,59.9,22.2,97.6,10.6
+			c1.4-0.4,1.5-2.3,0.2-3c0,0-99.8-5.5-93-113.2c0.1-1.4-1.5-2.2-2.6-1.4C11.7,125.3,15.5,162,15.5,165
+			C22.2,165,29.2,167.7,35.1,172.6z"/>
+		<path class="st2" d="M26.6,174.5c-0.2-0.1-0.4-0.2-0.6-0.4C26.2,174.3,26.4,174.4,26.6,174.5z"/>
+	</g>
+	
+		<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.8699 71.6867)" class="st3" cx="21.2" cy="191.9" rx="18.2" ry="23.8"/>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M173.2,248.4c4.6-5.4,10.6-9.2,16.9-10.6c6.2-1.4,12.2-0.3,16.9,2.9c12.2-16.7,22.2-59.9,10.6-97.6
+			c-0.4-1.4-2.3-1.5-3-0.2c0,0-5.5,99.8-113.2,93c-1.4-0.1-2.2,1.5-1.4,2.6c25.9,33.3,62.6,29.5,65.6,29.5
+			C165.6,261.3,168.2,254.2,173.2,248.4z"/>
+	</g>
+	<g>
+		
+			<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.2477 213.8476)" class="st0" cx="192.4" cy="262.3" rx="23.8" ry="18.2"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path class="st2" d="M259.6,110h0.1C259.7,110.1,259.7,110.1,259.6,110z"/>
+		<path class="st2" d="M255.2,107.7c-0.2-0.1-0.4-0.3-0.6-0.4C254.8,107.4,255,107.6,255.2,107.7z"/>
+		<path class="st2" d="M248.4,110.6c-5.4-4.6-9.2-10.6-10.6-16.9c-1.4-6.2-0.3-12.2,2.9-16.9c-16.7-12.2-59.9-22.2-97.6-10.6
+			c-1.4,0.4-1.5,2.3-0.2,3c0,0,99.8,5.5,93,113.2c-0.1,1.4,1.5,2.2,2.6,1.4c33.3-25.9,29.5-62.6,29.5-65.6
+			C261.3,118.1,254.2,115.5,248.4,110.6z"/>
+		<path class="st2" d="M256.8,108.7c0.2,0.1,0.4,0.2,0.6,0.4C257.2,108.9,257,108.8,256.8,108.7z"/>
+	</g>
+	<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.593 212.948)" class="st2" cx="262.2" cy="91.3" rx="18.2" ry="23.8"/>
+</g>
+</svg>

package/ui/images/hornbill-logo-full-reversed.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2053.3 283.5" style="enable-background:new 0 0 2053.3 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#5CB77C;}
+	.st2{fill:#2991D0;}
+	.st3{fill:#C71051;}
+	.st4{fill:#F2892B;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M358.4,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v78.7h126.6V48.2c0-3.6,2-5.6,5.6-5.6h16.5
+			c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6H518c-3.6,0-5.6-2-5.6-5.6v-82.3H385.9v82.3c0,3.6-2,5.6-5.6,5.6H364
+			C360.4,240.3,358.4,238.3,358.4,234.7z"/>
+		<path class="st0" d="M599.8,172.3V111c0-43.7,18.2-68.3,66.4-68.3h70.3c48.2,0,66.4,24.6,66.4,68.3v61.3c0,43.4-18.2,68-66.4,68
+			h-70.3C618,240.3,599.8,215.7,599.8,172.3z M736.4,213.7c28.3,0,38.9-9,38.9-40.6v-63c0-31.9-10.4-40.9-38.9-40.9h-70.3
+			c-28.3,0-38.9,9-38.9,40.9v63c0,31.6,10.9,40.6,38.9,40.6L736.4,213.7L736.4,213.7z"/>
+		<path class="st0" d="M1003,178.7l38.4,54.9c2.5,3.6,0.8,6.7-3.6,6.7h-19.3c-2.8,0-5-1.1-6.7-3.6l-37.5-55.2H890v53.2
+			c0,3.6-2,5.6-5.6,5.6H868c-3.6,0-5.6-2-5.6-5.6V48.2c0-3.6,2-5.6,5.6-5.6h101.4c58.8,0,78.4,21.6,78.4,68.3v3.4
+			C1047.8,150.1,1036.6,171.7,1003,178.7z M1020.1,111.2c0-34.4-12.9-42-52.4-42h-77.8v86h77.8c39.2,0,52.4-7.3,52.4-41.2V111.2z"/>
+		<path class="st0" d="M1105.2,234.7V48.2c0-3.6,2-5.6,5.6-5.6h17.6c2.8,0,5.3,1.1,7,3.4l127.4,154.3v-152c0-3.6,2-5.6,5.6-5.6h16.2
+			c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6h-18.2c-2.8,0-5.3-1.1-7-3.4L1132.6,83.5v151.2c0,3.6-2,5.6-5.6,5.6h-16.2
+			C1107.2,240.3,1105.2,238.3,1105.2,234.7z"/>
+		<path class="st0" d="M1353.6,234.7V48.2c0-3.6,2-5.6,5.6-5.6h107.2c47.3,0,66.4,17.1,66.6,53.2v2.8c0,27.4-12.9,36.4-24.4,42
+			c11.8,5.6,25.8,16.5,25.8,45.1v2.5c0,35.8-18.8,52.1-66.1,52.1h-109.2C1355.5,240.3,1353.6,238.3,1353.6,234.7z M1472,128.3
+			c21.3,0,32.8-5.9,32.8-26.3v-3.9c0-21.6-12-28.8-39.8-28.8h-84v59.1L1472,128.3L1472,128.3z M1467,214c27.4,0,39.5-6.7,39.5-28.3
+			v-3.6c0-21-11.8-29.4-33.6-29.4H1381V214H1467z"/>
+		<path class="st0" d="M1592.7,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6h-16.2
+			C1594.6,240.3,1592.7,238.3,1592.7,234.7z"/>
+		<path class="st0" d="M1683.4,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v165.5h127.4c3.6,0,5.6,2,5.6,5.6v15.4
+			c0,3.6-2,5.6-5.6,5.6H1689C1685.4,240.3,1683.4,238.3,1683.4,234.7z"/>
+		<path class="st0" d="M1892.8,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v165.5h127.4c3.6,0,5.6,2,5.6,5.6v15.4
+			c0,3.6-2,5.6-5.6,5.6h-149.2C1894.8,240.3,1892.8,238.3,1892.8,234.7z"/>
+	</g>
+	<g>
+		<g>
+			<g>
+				<path class="st1" d="M185.1,251.3v0.1C185.1,251.3,185.1,251.3,185.1,251.3z"/>
+			</g>
+			<g>
+				<path class="st1" d="M187.4,246.9c0.1-0.2,0.3-0.4,0.4-0.6C187.7,246.5,187.5,246.7,187.4,246.9z"/>
+			</g>
+			<g>
+				<path class="st1" d="M186.5,248.5c-0.1,0.2-0.2,0.4-0.3,0.6C186.2,248.9,186.3,248.7,186.5,248.5z"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<path class="st2" d="M111.3,35.1c-4.6,5.4-10.6,9.2-16.9,10.6c-6.2,1.4-12.2,0.3-16.9-2.9c-12.2,16.7-22.2,59.9-10.6,97.6
+			c0.4,1.4,2.3,1.5,3,0.2c0,0,5.5-99.8,113.2-93c1.4,0.1,2.2-1.5,1.4-2.6c-25.9-33.3-62.6-29.5-65.6-29.5
+			C118.8,22.2,116.2,29.2,111.3,35.1z"/>
+		<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.0988 71.5)" class="st2" cx="92" cy="21.2" rx="23.8" ry="18.2"/>
+	</g>
+	<g>
+		<g>
+			<path class="st3" d="M23.8,173.1h-0.1C23.8,173.1,23.8,173.1,23.8,173.1z"/>
+			<path class="st3" d="M28.2,175.5c0.2,0.1,0.4,0.3,0.6,0.4C28.6,175.7,28.4,175.6,28.2,175.5z"/>
+			<path class="st4" d="M35.1,172.6c5.4,4.6,9.2,10.6,10.6,16.9c1.4,6.2,0.3,12.2-2.9,16.9c16.7,12.2,59.9,22.2,97.6,10.6
+				c1.4-0.4,1.5-2.3,0.2-3c0,0-99.8-5.5-93-113.2c0.1-1.4-1.5-2.2-2.6-1.4C11.7,125.3,15.5,162,15.5,165
+				C22.2,165,29.2,167.7,35.1,172.6z"/>
+			<path class="st3" d="M26.6,174.5c-0.2-0.1-0.4-0.2-0.6-0.4C26.2,174.3,26.4,174.4,26.6,174.5z"/>
+		</g>
+		
+			<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.8699 71.6867)" class="st4" cx="21.2" cy="191.9" rx="18.2" ry="23.8"/>
+	</g>
+	<g>
+		<g>
+			<path class="st1" d="M173.2,248.4c4.6-5.4,10.6-9.2,16.9-10.6c6.2-1.4,12.2-0.3,16.9,2.9c12.2-16.7,22.2-59.9,10.6-97.6
+				c-0.4-1.4-2.3-1.5-3-0.2c0,0-5.5,99.8-113.2,93c-1.4-0.1-2.2,1.5-1.4,2.6c25.9,33.3,62.6,29.5,65.6,29.5
+				C165.6,261.3,168.2,254.2,173.2,248.4z"/>
+		</g>
+		<g>
+			
+				<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.2477 213.8476)" class="st1" cx="192.4" cy="262.3" rx="23.8" ry="18.2"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st3" d="M259.6,110h0.1C259.7,110.1,259.7,110.1,259.6,110z"/>
+			<path class="st3" d="M255.2,107.7c-0.2-0.1-0.4-0.3-0.6-0.4C254.8,107.4,255,107.6,255.2,107.7z"/>
+			<path class="st3" d="M248.4,110.6c-5.4-4.6-9.2-10.6-10.6-16.9c-1.4-6.2-0.3-12.2,2.9-16.9c-16.7-12.2-59.9-22.2-97.6-10.6
+				c-1.4,0.4-1.5,2.3-0.2,3c0,0,99.8,5.5,93,113.2c-0.1,1.4,1.5,2.2,2.6,1.4c33.3-25.9,29.5-62.6,29.5-65.6
+				C261.3,118.1,254.2,115.5,248.4,110.6z"/>
+			<path class="st3" d="M256.8,108.7c0.2,0.1,0.4,0.2,0.6,0.4C257.2,108.9,257,108.8,256.8,108.7z"/>
+		</g>
+		
+			<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.593 212.948)" class="st3" cx="262.2" cy="91.3" rx="18.2" ry="23.8"/>
+	</g>
+</g>
+</svg>

package/ui/images/hornbill-logo-full.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2053.3 283.5" style="enable-background:new 0 0 2053.3 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#224287;}
+	.st1{fill:#5CB77C;}
+	.st2{fill:#2991D0;}
+	.st3{fill:#C71051;}
+	.st4{fill:#F2892B;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M358.4,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v78.7h126.6V48.2c0-3.6,2-5.6,5.6-5.6h16.5
+			c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6H518c-3.6,0-5.6-2-5.6-5.6v-82.3H385.9v82.3c0,3.6-2,5.6-5.6,5.6H364
+			C360.4,240.3,358.4,238.3,358.4,234.7z"/>
+		<path class="st0" d="M599.8,172.3v-61.3c0-43.7,18.2-68.3,66.4-68.3h70.3c48.2,0,66.4,24.6,66.4,68.3v61.3c0,43.4-18.2,68-66.4,68
+			h-70.3C618,240.3,599.8,215.7,599.8,172.3z M736.4,213.7c28.3,0,38.9-9,38.9-40.6v-63c0-31.9-10.4-40.9-38.9-40.9h-70.3
+			c-28.3,0-38.9,9-38.9,40.9v63c0,31.6,10.9,40.6,38.9,40.6H736.4z"/>
+		<path class="st0" d="M1003,178.7l38.4,54.9c2.5,3.6,0.8,6.7-3.6,6.7h-19.3c-2.8,0-5-1.1-6.7-3.6l-37.5-55.2h-84.3v53.2
+			c0,3.6-2,5.6-5.6,5.6H868c-3.6,0-5.6-2-5.6-5.6V48.2c0-3.6,2-5.6,5.6-5.6h101.4c58.8,0,78.4,21.6,78.4,68.3v3.4
+			C1047.8,150.1,1036.6,171.7,1003,178.7z M1020.1,111.2c0-34.4-12.9-42-52.4-42h-77.8v86h77.8c39.2,0,52.4-7.3,52.4-41.2V111.2z"/>
+		<path class="st0" d="M1105.2,234.7V48.2c0-3.6,2-5.6,5.6-5.6h17.6c2.8,0,5.3,1.1,7,3.4l127.4,154.3v-152c0-3.6,2-5.6,5.6-5.6h16.2
+			c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6h-18.2c-2.8,0-5.3-1.1-7-3.4L1132.6,83.5v151.2c0,3.6-2,5.6-5.6,5.6h-16.2
+			C1107.2,240.3,1105.2,238.3,1105.2,234.7z"/>
+		<path class="st0" d="M1353.6,234.7V48.2c0-3.6,2-5.6,5.6-5.6h107.2c47.3,0,66.4,17.1,66.6,53.2v2.8c0,27.4-12.9,36.4-24.4,42
+			c11.8,5.6,25.8,16.5,25.8,45.1v2.5c0,35.8-18.8,52.1-66.1,52.1h-109.2C1355.5,240.3,1353.6,238.3,1353.6,234.7z M1472,128.3
+			c21.3,0,32.8-5.9,32.8-26.3v-3.9c0-21.6-12-28.8-39.8-28.8h-84v59.1H1472z M1467,214c27.4,0,39.5-6.7,39.5-28.3v-3.6
+			c0-21-11.8-29.4-33.6-29.4H1381V214H1467z"/>
+		<path class="st0" d="M1592.7,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v186.5c0,3.6-2,5.6-5.6,5.6h-16.2
+			C1594.6,240.3,1592.7,238.3,1592.7,234.7z"/>
+		<path class="st0" d="M1683.4,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v165.5h127.4c3.6,0,5.6,2,5.6,5.6v15.4
+			c0,3.6-2,5.6-5.6,5.6H1689C1685.4,240.3,1683.4,238.3,1683.4,234.7z"/>
+		<path class="st0" d="M1892.8,234.7V48.2c0-3.6,2-5.6,5.6-5.6h16.2c3.6,0,5.6,2,5.6,5.6v165.5h127.4c3.6,0,5.6,2,5.6,5.6v15.4
+			c0,3.6-2,5.6-5.6,5.6h-149.2C1894.8,240.3,1892.8,238.3,1892.8,234.7z"/>
+	</g>
+	<g>
+		<g>
+			<g>
+				<path class="st1" d="M185.1,251.3c0,0,0,0.1,0,0.1C185.1,251.3,185.1,251.3,185.1,251.3z"/>
+			</g>
+			<g>
+				<path class="st1" d="M187.4,246.9c0.1-0.2,0.3-0.4,0.4-0.6C187.7,246.5,187.5,246.7,187.4,246.9z"/>
+			</g>
+			<g>
+				<path class="st1" d="M186.5,248.5c-0.1,0.2-0.2,0.4-0.3,0.6C186.2,248.9,186.3,248.7,186.5,248.5z"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<path class="st2" d="M111.3,35.1c-4.6,5.4-10.6,9.2-16.9,10.6c-6.2,1.4-12.2,0.3-16.9-2.9c-12.2,16.7-22.2,59.9-10.6,97.6
+			c0.4,1.4,2.3,1.5,3,0.2c0,0,5.5-99.8,113.2-93c1.4,0.1,2.2-1.5,1.4-2.6c-25.9-33.3-62.6-29.5-65.6-29.5
+			C118.8,22.2,116.2,29.2,111.3,35.1z"/>
+		<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.0913 71.5212)" class="st2" cx="92" cy="21.2" rx="23.8" ry="18.2"/>
+	</g>
+	<g>
+		<g>
+			<path class="st3" d="M23.8,173.1c0,0-0.1,0-0.1,0C23.8,173.1,23.8,173.1,23.8,173.1z"/>
+			<path class="st3" d="M28.2,175.5c0.2,0.1,0.4,0.3,0.6,0.4C28.6,175.7,28.4,175.6,28.2,175.5z"/>
+			<path class="st4" d="M35.1,172.6c5.4,4.6,9.2,10.6,10.6,16.9c1.4,6.2,0.3,12.2-2.9,16.9c16.7,12.2,59.9,22.2,97.6,10.6
+				c1.4-0.4,1.5-2.3,0.2-3c0,0-99.8-5.5-93-113.2c0.1-1.4-1.5-2.2-2.6-1.4c-33.3,25.9-29.5,62.6-29.5,65.6
+				C22.2,165,29.2,167.7,35.1,172.6z"/>
+			<path class="st3" d="M26.6,174.5c-0.2-0.1-0.4-0.2-0.6-0.4C26.2,174.3,26.4,174.4,26.6,174.5z"/>
+		</g>
+		
+			<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.8393 71.6899)" class="st4" cx="21.2" cy="191.9" rx="18.2" ry="23.8"/>
+	</g>
+	<g>
+		<g>
+			<path class="st1" d="M173.2,248.4c4.6-5.4,10.6-9.2,16.9-10.6c6.2-1.4,12.2-0.3,16.9,2.9c12.2-16.7,22.2-59.9,10.6-97.6
+				c-0.4-1.4-2.3-1.5-3-0.2c0,0-5.5,99.8-113.2,93c-1.4-0.1-2.2,1.5-1.4,2.6c25.9,33.3,62.6,29.5,65.6,29.5
+				C165.6,261.3,168.2,254.2,173.2,248.4z"/>
+		</g>
+		<g>
+			
+				<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 -129.2198 213.9002)" class="st1" cx="192.4" cy="262.2" rx="23.8" ry="18.2"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st3" d="M259.6,110c0,0,0.1,0,0.1,0C259.7,110.1,259.7,110.1,259.6,110z"/>
+			<path class="st3" d="M255.2,107.7c-0.2-0.1-0.4-0.3-0.6-0.4C254.8,107.4,255,107.6,255.2,107.7z"/>
+			<path class="st3" d="M248.4,110.6c-5.4-4.6-9.2-10.6-10.6-16.9c-1.4-6.2-0.3-12.2,2.9-16.9c-16.7-12.2-59.9-22.2-97.6-10.6
+				c-1.4,0.4-1.5,2.3-0.2,3c0,0,99.8,5.5,93,113.2c-0.1,1.4,1.5,2.2,2.6,1.4c33.3-25.9,29.5-62.6,29.5-65.6
+				C261.3,118.1,254.2,115.5,248.4,110.6z"/>
+			<path class="st3" d="M256.8,108.7c0.2,0.1,0.4,0.2,0.6,0.4C257.2,108.9,257,108.8,256.8,108.7z"/>
+		</g>
+		
+			<ellipse transform="matrix(0.7049 -0.7093 0.7093 0.7049 12.6367 212.9606)" class="st3" cx="262.2" cy="91.3" rx="18.2" ry="23.8"/>
+	</g>
+</g>
+</svg>

package/ui/images/mcp-catalog.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="150 100 930 930" fill="currentColor" role="img" aria-hidden="true">
+  <path d="M754.84,991.71h-463.28c-68.27,0-123.82-55.55-123.82-123.82v-463.28c0-68.28,55.55-123.83,123.82-123.83h231.65c12.33,0,22.32,9.99,22.32,22.32s-9.99,22.32-22.32,22.32h-231.65c-43.66,0-79.18,35.52-79.18,79.18v463.28c0,43.66,35.52,79.18,79.18,79.18h463.28c43.66,0,79.18-35.52,79.18-79.18v-231.64c0-12.33,9.99-22.32,22.32-22.32s22.32,9.99,22.32,22.32v231.64c0,68.28-55.55,123.82-123.82,123.82Z"/>
+  <g>
+    <path d="M423.92,482.21l-100.43,308.07h55.77l24.08-83.47h103.33l23.89,83.47h57.85l-100.43-308.07h-64.07ZM415.71,663.94l10.84-37.59c9.79-32.6,18.84-67.46,27.32-101.56h1.88c9.05,33.82,18.09,68.96,27.89,101.56l10.76,37.59h-78.69Z"/>
+    <rect x="623.62" y="482.21" width="54.65" height="308.07"/>
+  </g>
+  <path d="M803.72,143.5l11,38.34c20.23,70.47,75.31,125.55,145.78,145.78l38.34,11c6.95,2,6.95,11.84,0,13.84l-38.34,11c-70.47,20.23-125.55,75.31-145.78,145.78l-11,38.34c-2,6.95-11.84,6.95-13.84,0l-11-38.34c-20.23-70.47-75.31-125.55-145.78-145.78l-38.34-11c-6.95-2-6.95-11.84,0-13.84l38.34-11c70.47-20.23,125.55-75.31,145.78-145.78l11-38.34c2-6.95,11.84-6.95,13.84,0Z"/>
+  <path d="M983.56,444.94l4.32,15.06c7.95,27.69,29.59,49.33,57.28,57.28l15.06,4.32c2.73.78,2.73,4.65,0,5.44l-15.06,4.32c-27.69,7.95-49.33,29.59-57.28,57.28l-4.32,15.06c-.78,2.73-4.65,2.73-5.44,0l-4.32-15.06c-7.95-27.69-29.59-49.33-57.28-57.28l-15.06-4.32c-2.73-.78-2.73-4.65,0-5.44l15.06-4.32c27.69-7.95,49.33-29.59,57.28-57.28l4.32-15.06c.78-2.73,4.65-2.73,5.44,0Z"/>
+</svg>

package/ui/images/products/hornbill-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 61.44 61.44"><defs><clipPath id="clip-path"><rect x="-0.01" y="0.01" width="61.46" height="61.43" fill="none"/></clipPath></defs><title>Hornbill</title><g id="Page_82" data-name="Page 82"><g clip-path="url(#clip-path)"><path d="M12.72,3.15h36a9.63,9.63,0,0,1,9.61,9.58v36a9.66,9.66,0,0,1-9.61,9.61h-36a9.63,9.63,0,0,1-9.58-9.61v-36a9.61,9.61,0,0,1,9.58-9.58Z" fill="#ecf0f1" fill-rule="evenodd"/><path d="M37.1,45.42s0-.06,0-.09,0,.06,0,.09Z" fill="#5cb77c" fill-rule="evenodd"/><path d="M37,45.64a.11.11,0,0,1,0,.09s0-.06,0-.09Z" fill="#5cb77c" fill-rule="evenodd"/><path d="M26.47,15.82a4.23,4.23,0,0,1-2.35,1.48,3,3,0,0,1-2.39-.4c-1.7,2.33-3.09,8.36-1.47,13.64a.23.23,0,0,0,.43,0s.76-13.94,15.81-13a.24.24,0,0,0,.2-.37,10.71,10.71,0,0,0-9.18-4.11,4.3,4.3,0,0,1-1.05,2.72Z" fill="#2991d0" fill-rule="evenodd"/><path d="M26.1,11.54c-1-1-2.84-.73-4.14.57s-1.53,3.15-.54,4.14,2.87.74,4.14-.57,1.53-3.17.54-4.14Z" fill="#2991d0" fill-rule="evenodd"/><path d="M14.85,35.44s.05.06.08.06-.06,0-.08-.06Z" fill="#c71051" fill-rule="evenodd"/><path d="M15.81,35a4.42,4.42,0,0,1,1.5,2.36,3,3,0,0,1-.42,2.35c2.35,1.73,8.36,3.12,13.63,1.5a.22.22,0,0,0,0-.42S16.6,40.06,17.57,25a.23.23,0,0,0-.37-.2A10.7,10.7,0,0,0,13.09,34,4.35,4.35,0,0,1,15.81,35Z" fill="#f2892b" fill-rule="evenodd"/><path d="M14.62,35.3s-.06,0-.09-.06.06.06.09.06Z" fill="#c71051" fill-rule="evenodd"/><path d="M15.67,35.92c-1.31-1.27-3.15-1.53-4.14-.54s-.74,2.87.57,4.17,3.14,1.53,4.13.54.74-2.86-.56-4.17Z" fill="#f2892b" fill-rule="evenodd"/><path d="M35.11,45.62a4.61,4.61,0,0,1,2.36-1.48,3,3,0,0,1,2.38.43c1.7-2.36,3.09-8.39,1.47-13.67a.23.23,0,0,0-.42,0s-.77,13.92-15.82,13a.23.23,0,0,0-.2.37A10.73,10.73,0,0,0,34,48.37a4.24,4.24,0,0,1,1.07-2.75Z" fill="#5cb77c" fill-rule="evenodd"/><path d="M40.13,45.22c-1-1-2.83-.74-4.14.57s-1.53,3.14-.54,4.13,2.84.74,4.14-.56,1.53-3.18.54-4.14Z" fill="#5cb77c" fill-rule="evenodd"/><path d="M46.57,26s-.06,0-.09,0,.06,0,.09,0Z" fill="#c71051" fill-rule="evenodd"/><path d="M45.63,26.37A4.33,4.33,0,0,1,44.13,24a3,3,0,0,1,.42-2.36c-2.35-1.7-8.39-3.11-13.63-1.5a.23.23,0,0,0,0,.43s13.92.76,13,15.81a.23.23,0,0,0,.37.2,10.67,10.67,0,0,0,4.11-9.15,4.47,4.47,0,0,1-2.72-1.08Z" fill="#c71051" fill-rule="evenodd"/><path d="M46.79,26.11s.06,0,.09.06-.06-.06-.09-.06Z" fill="#c71051" fill-rule="evenodd"/><path d="M49.34,21.89c-1.3-1.3-3.17-1.53-4.16-.54s-.71,2.84.56,4.14S48.92,27,49.91,26s.74-2.86-.57-4.14Z" fill="#c71051" fill-rule="evenodd"/></g></g></svg>