hdoc-tools 0.30.0 → 0.31.0

package/custom_modules/tips.js

@@ -26,6 +26,11 @@
 						class: "bi bi-megaphone",
 						title: "Important",
 					};
+				case "info":
+					return {
+						class: "bi bi-info-circle",
+						title: "Information",
+					};
 				case "caution":
 					return {
 						class: "bi bi-x-circle",
@@ -77,6 +82,7 @@
 			setupContainer("note");
 			setupContainer("tip");
 			setupContainer("important");
+			setupContainer("info");
 			setupContainer("caution");
 			setupContainer("warning");
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "hdoc-tools",
-	"version": "0.30.0",
+	"version": "0.31.0",
 	"description": "Hornbill HDocBook Development Support Tool",
 	"main": "hdoc.js",
 	"bin": {

package/templates/pdf/css/hdocs-pdf.css

@@ -212,13 +212,22 @@ video {
 }
 
 .hdoc-alert.alert-icon-important {
+  border-color: var(--htl-custom-block-important-border);
+  color: var(--htl-custom-block-important-text);
+  background-color: var(--htl-custom-block-important-bg);
+}
+
+.hdoc-alert.alert-icon-important code {
+  background-color: var(--htl-custom-block-important-code-bg);
+}
+
+.hdoc-alert.alert-icon-info {
   border-color: var(--htl-custom-block-info-border);
   color: var(--htl-custom-block-info-text);
   background-color: var(--htl-custom-block-info-bg);
-
 }
 
-.hdoc-alert.alert-icon-important code {
+.hdoc-alert.alert-icon-info code {
   background-color: var(--htl-custom-block-info-code-bg);
 }
 

package/templates/pdf/css/vars.css

@@ -310,14 +310,18 @@
  * Component: Custom Block
  * -------------------------------------------------------------------------- */
 
-:root {
+ :root {
   --htl-custom-block-code-font-size: var(--htl-default-font-size);
 
-  --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
-  --htl-custom-block-info-text: #171717;
-  --htl-custom-block-info-bg: #d7eaf8;
-  --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
+  --htl-custom-block-important-border: var(--htl-c-indigo-dark);
+  --htl-custom-block-important-text: var(--htl-c-indigo-dark);
+  --htl-custom-block-important-bg: var(--htl-c-indigo-lighter);
+  --htl-custom-block-important-code-bg: var(--htl-custom-block-important-bg);
 
+  --htl-custom-block-info-border: var(--htl-c-blue-dimm-1);
+  --htl-custom-block-info-text: var(--htl-c-blue-darker);
+  --htl-custom-block-info-bg: var(--htl-c-blue-dimm-3);
+  --htl-custom-block-info-code-bg: var(--htl-custom-block-info-bg);
 
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
   --htl-custom-block-tip-text: var(--htl-c-green-darker);
@@ -346,6 +350,13 @@
   --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-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-info-text: var(--htl-c-blue);
+  --htl-custom-block-info-bg: var(--htl-c-blue-dimm-3);
+
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-2);
   --htl-custom-block-tip-text: var(--htl-c-green-light);
 

package/ui/css/theme-default/styles/components/htl-doc.css

@@ -796,13 +796,22 @@
 }
 
 .HTL-doc .hdoc-alert.alert-icon-important {
+  border-color: var(--htl-custom-block-important-border);
+  color: var(--htl-custom-block-important-text);
+  background-color: var(--htl-custom-block-important-bg);
+}
+
+.HTL-doc .hdoc-alert.alert-icon-important code {
+  background-color: var(--htl-custom-block-important-code-bg);
+}
+
+.HTL-doc .hdoc-alert.alert-icon-info {
   border-color: var(--htl-custom-block-info-border);
   color: var(--htl-custom-block-info-text);
   background-color: var(--htl-custom-block-info-bg);
-
 }
 
-.HTL-doc .hdoc-alert.alert-icon-important code {
+.HTL-doc .hdoc-alert.alert-icon-info code {
   background-color: var(--htl-custom-block-info-code-bg);
 }
 

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

@@ -313,10 +313,15 @@
 :root {
   --htl-custom-block-code-font-size: var(--htl-default-font-size);
 
-  --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
-  --htl-custom-block-info-text: #171717;
-  --htl-custom-block-info-bg: #d7eaf8;
-  --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
+  --htl-custom-block-important-border: var(--htl-c-indigo-dark);
+  --htl-custom-block-important-text: var(--htl-c-indigo-dark);
+  --htl-custom-block-important-bg: var(--htl-c-indigo-lighter);
+  --htl-custom-block-important-code-bg: var(--htl-custom-block-important-bg);
+
+  --htl-custom-block-info-border: var(--htl-c-blue-dimm-1);
+  --htl-custom-block-info-text: var(--htl-c-blue-darker);
+  --htl-custom-block-info-bg: var(--htl-c-blue-dimm-3);
+  --htl-custom-block-info-code-bg: var(--htl-custom-block-info-bg);
 
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
   --htl-custom-block-tip-text: var(--htl-c-green-darker);
@@ -345,6 +350,13 @@
   --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-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-info-text: var(--htl-c-blue);
+  --htl-custom-block-info-bg: var(--htl-c-blue-dimm-3);
+
   --htl-custom-block-tip-border: var(--htl-c-green-dimm-2);
   --htl-custom-block-tip-text: var(--htl-c-green-light);