cronapp-framework-js 2.9.1-SP.9 → 2.9.2

package/css/themes/custom/flatly/custom-flatly.css

@@ -266,6 +266,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorSuccess40, #18bc9c);
     --btnDefault: var(--colorDefault40, #798d8f);
@@ -279,6 +280,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #7b8a8b);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+    
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #798d8f);
     --colorPrimary: var(--colorPrimary40, #2c3e50);
@@ -303,6 +327,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #7b8a8b);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: transparent;
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #798d8f);
     --comboboxPrimary: var(--colorPrimary40, #2c3e50);
@@ -315,6 +350,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #7b8a8b);
 
+    --borderComboboxDefault: var(--colorDefault50, #555555);
+    --borderComboboxPrimary: var(--colorPrimary50, #2a9fd6);
+    --borderComboboxSuccess: var(--colorSuccess50, #77b300);
+    --borderComboboxCalm: var(--colorCalm50, #11c1f3);
+    --borderComboboxWarning: var(--colorWarning50, #ff8800);
+    --borderComboboxDanger: var(--colorDanger50, #cc0000);
+    --borderComboboxLight: var(--colorLight50, #222222);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #9933cc);
+    --borderComboboxDark: var(--colorDark50, #adafae);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #798d8f);
     --optionPrimary: var(--colorPrimary40, #2c3e50);
@@ -327,6 +373,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #7b8a8b);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: transparent;
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #2c3e50);
     --panelPrimary: var(--colorDefault10, #dfe3e3);
@@ -338,6 +395,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #7b8a8b);
+
+    --borderPanelDefault: transparent;
+    --borderPanelPrimary: transparent;
+    --borderPanelSuccess: transparent;
+    --borderPanelCalm: transparent;
+    --borderPanelWarning: transparent;
+    --borderPanelDanger: transparent;
+    --borderPanelLight: transparent;
+    --borderPanelStable: transparent;
+    --borderPanelRoyal: transparent;
+    --borderPanelDark: transparent;
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 .h1,

package/css/themes/custom/flatly/panel-flatly.css

@@ -10,29 +10,27 @@
 
 /* Default */
 .panel-default .panel-heading {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2c3e50);
-    border-color: var(--colorPrimary40, #2c3e50);
+color: var(--textColor40, #2c3e50);
+background: var(--colorDefault10, #dfe3e3);
+border-color: var(--colorDefault10, #dfe3e3);
 }
 
 .panel-default {
-    border-color: var(--colorPrimary40, #2c3e50);
+    border-color: var(--colorDefault10, #dfe3e3);
 }
 
 /* Primary */
-
 .panel-primary>.panel-heading {
-    color: var(--textColor40, #2c3e50);
-    background: var(--colorDefault10, #dfe3e3);
-    border-color: var(--colorDefault10, #dfe3e3);
+color: var(--textColorPrimary40, #ffffff);
+background: var(--colorPrimary40, #2c3e50);
+border-color: var(--colorPrimary40, #2c3e50);
 }
 
 .panel-primary {
-    border-color: var(--colorDefault10, #dfe3e3);
+    border-color: var(--colorPrimary40, #2c3e50);
 }
 
 /* Sucess */
-
 .panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
     background: var(--colorSuccess40, #18bc9c);
@@ -88,8 +86,7 @@
 }
 
 /* Stable */
-.panel-stable>.panel-heading,
-.panel-stable>.panel-footer {
+.panel-stable>.panel-heading{
     color: var(--textColorStable40, #444444);
     background: var(--colorStable50, #d9d9d9);
     border-color: transparent
@@ -100,8 +97,7 @@
 }
 
 /* Royal */
-.panel-royal>.panel-heading,
-.panel-royal>.panel-footer {
+.panel-royal>.panel-heading{
     color: var(--textColorRoyal40, #ffffff);
     background: var(--colorRoyal40, #886aea);
     border-color: transparent
@@ -112,8 +108,7 @@
 }
 
 /* Dark */
-.panel-dark>.panel-heading,
-.panel-dark>.panel-footer {
+.panel-dark>.panel-heading{
     color: var(--textColorDark40, #ffffff);
     background: var(--colorDark40, #7b8a8b);
     border-color: transparent

package/css/themes/custom/fuse/custom-fuse.css

@@ -266,12 +266,14 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
+
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #4f46e5);
     --btnDefault: var(--colorDefault40, #1e293b);
     --btnPrimary: var(--colorPrimary40, #4f46e5);
     --btnSuccess: var(--colorSuccess40, #22c55e);
-    --btnCalm: var(--textColor40, #383838);
+    --btnCalm: var(--colorLight40, #ffffff);
     --btnWarning: var(--colorWarning40, #f59e0b);
     --btnDanger: var(--colorDanger40, #ef4444);
     --btnLight: var(--colorLight50, #dfdfdf);
@@ -282,7 +284,7 @@
     --textColorDefault: var(--textColorDefault40, #ffffff);
     --textColorPrimary: var(--textColorPrimary40, #ffffff);
     --textColorSuccess: var(--textColorSuccess40, #ffffff);
-    --textColorCalm: var(--textColor40, #383838);
+    --textColorCalm: var(--colorLight40, #ffffff);
     --textColorWarning: var(--textColorWarning40, #ffffff);
     --textColorDanger: var(--textColorDanger40, #ffffff);
     --textColorLight: var(--textColor40, #383838);
@@ -290,11 +292,23 @@
     --textColorRoyal: var(--textColorRoyal40, #ffffff);
     --textColorDark: var(--textColorDark40, #000000);
 
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: var(--textColor20, #b2b2b2);
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #1e293b);
     --colorPrimary: var(--colorPrimary40, #4f46e5);
     --colorSuccess: var(--colorSuccess40, #22c55e);
-    --colorCalm: var(--colorCalm40, #1e293b);
+    --colorCalm: var(--textColor40, #383838);
     --colorWarning: var(--colorWarning40, #f59e0b);
     --colorDanger: var(--colorDanger40, #ef4444);
     --colorLight: var(--colorLight50, #dfdfdf);
@@ -306,7 +320,7 @@
     --checkboxDefault: var(--colorDefault40, #1e293b);
     --checkboxPrimary: var(--colorPrimary40, #4f46e5);
     --checkboxSuccess: var(--colorSuccess40, #22c55e);
-    --checkboxCalm: var(--colorCalm40, #11c1f3);
+    --checkboxCalm: var(--colorLight40, #ffffff);
     --checkboxWarning: var(--colorWarning40, #f59e0b);
     --checkboxDanger: var(--colorDanger40, #ef4444);
     --checkboxLight: var(--colorLight50, #dfdfdf);
@@ -314,11 +328,22 @@
     --checkboxRoyal: var(--colorRoyal40, #9933cc);
     --checkboxDark: var(--colorDark40, #adafae);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: var(--textColor20, #b2b2b2);
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
-    --comboboxDefault: var(--colorDefault40, #3b448e);
+    --comboboxDefault: var(--colorDefault40, #1e293b);
     --comboboxPrimary: var(--colorPrimary40, #4f46e5);
     --comboboxSuccess: var(--colorSuccess40, #22c55e);
-    --comboboxCalm: var(--colorCalm40, #11c1f3);
+    --comboboxCalm: var(--colorLight40, #ffffff);
     --comboboxWarning: var(--colorWarning40, #f59e0b);
     --comboboxDanger: var(--colorDanger40, #ef4444);
     --comboboxLight: var(--colorLight40, #ffffff);
@@ -326,39 +351,79 @@
     --comboboxRoyal: var(--colorRoyal40, #9933cc);
     --comboboxDark: var(--colorDark40, #adafae);
 
+    --borderComboboxDefault: var(--colorDefault50, #161f2c);
+    --borderComboboxPrimary: var(--colorPrimary50, #453dc9);
+    --borderComboboxSuccess: var(--colorSuccess50, #1eac52);
+    --borderComboboxCalm: var(--textColor20, #b2b2b2);
+    --borderComboboxWarning: var(--colorWarning50, #d78a0a);
+    --borderComboboxDanger: var(--colorDanger50, #d13c3c);
+    --borderComboboxLight: transparent;
+    --borderComboboxStable: transparent;
+    --borderComboboxRoyal: var(--colorRoyal50, #862db3);
+    --borderComboboxDark: var(--colorDark50, #979998);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #1e293b);
     --optionPrimary: var(--colorPrimary40, #4f46e5);
     --optionSuccess: var(--colorSuccess40, #22c55e);
-    --optionCalm: var(--colorCalm40, #11c1f3);
+    --optionCalm: var(--colorLight40, #ffffff);
     --optionWarning: var(--colorWarning40, #f59e0b);
     --optionDanger: var(--colorDanger40, #ef4444);
-    --optionLight: var(--colorLight60, #ffffff);
+    --optionLight: var(--colorLight60, #bbbbbb);
     --optionStable: var(--colorStable60, #b6b6b6);
     --optionRoyal: var(--colorRoyal40, #9933cc);
     --optionDark: var(--colorDark40, #adafae);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: var(--textColor20, #b2b2b2);
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
     --panelDefault: var(--colorDefault40, #1e293b);
     --panelPrimary: var(--colorPrimary40, #4f46e5);
     --panelSuccess: var(--colorSuccess40, #22c55e);
-    --panelCalm: var(--colorCalm40, #11c1f3);
+    --panelCalm: var(--colorLight40, #ffffff);
     --panelWarning: var(--colorWarning40, #f59e0b);
     --panelDanger: var(--colorDanger40, #ef4444);
     --panelLight: var(--colorLight50, #dfdfdf);
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #9933cc);
     --panelDark: var(--colorDark40, #adafae);
+
+    --borderPanelDefault: var(--colorDefault40, #1e293b);
+    --borderPanelPrimary: var(--colorPrimary40, #4f46e5);
+    --borderPanelSuccess: var(--colorSuccess40, #22c55e);
+    --borderPanelCalm: var(--textColor20, #b2b2b2);
+    --borderPanelWarning: var(--colorWarning40, #f59e0b);
+    --borderPanelDanger: var(--colorDanger40, #ef4444);
+    --borderPanelLight: var(--colorLight50, #dfdfdf);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: var(--colorRoyal40, #9933cc);
+    --borderPanelDark: var(--colorDark40, #adafae);
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 #main-view {
     margin-top: 20px;
 }
 
+.color-info,
 .text-color-info {
     color: var(--textColor40, #383838);
 }
 
+.color-info:hover{
+    color: var(--textColor40, #383838);
+}
+
 .text-color-light {
     color: var(--textColor40, #383838);
 }
@@ -568,6 +633,21 @@ div[data-component="crn-accordion"] .title {
     color: var(--textColorDefault40, #ffffff);
 }
 
+.combobox-info .k-multiselect .k-button {
+    background: var(--colorLight40, #ffffff);
+    border: 1px solid var(--textColor20, #b2b2b2);
+    color: var(--textColor40, #383838);
+}
+
+.combobox-info .k-multiselect .k-button.k-state-hover,
+.combobox-info .k-multiselect-wrap .k-button.k-state-hover .k-select,
+.combobox-info .k-multiselect-wrap .k-button:hover {
+    color: var(--textColor40, #383838);
+    background: var(--colorLight50, #dfdfdf);
+    border: 1px solid var(--textColor20, #b2b2b2);
+}
+
+
 /* Slider */
 .k-slider .k-slider-selection {
     background: var(--colorPrimary40, #4f46e5);
@@ -609,6 +689,29 @@ div[data-component="crn-accordion"] .title {
     border-color: var(--colorStable60, #b6b6b6);
 }
 
+.option-info .k-radio-label:before {
+    border-color: var(--textColor20, #b2b2b2);
+}
+
+.option-info .k-radio-label:after,
+.option-info .k-radio:checked+.k-radio-label:after {
+    background: var(--colorLight40, #ffffff);
+    border: 1px solid var(--textColor20, #b2b2b2);
+    width: calc(var(--textMediumSize, 16px) - 6px);
+    height: calc(var(--textMediumSize, 16px) - 6px);
+}
+
+.option-info .k-radio:checked+.k-radio-label:before {
+    border-color: var(--textColor20, #b2b2b2);
+}
+
+.option-info .k-radio:focus+.k-radio-label::before,
+.option-info .k-radio:hover+.k-radio-label::before {
+    box-shadow: 0 0 5px 0 var(--textColor20, #b2b2b2);
+    border-color: var(--textColor20, #b2b2b2);
+}
+
+
 /* Checkbox */
 .k-checkbox-label:before {
     background: transparent;
@@ -681,6 +784,39 @@ div[data-component="crn-accordion"] .title {
     color: var(--textColorStable40, #383838);
 }
 
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-info .k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox-label:active:before,
+.checkbox-info .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-info .k-checkbox-label:before {
+    border-color: var(--textColor20, #b2b2b2);
+}
+
+.checkbox-info .k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--textColor20, #b2b2b2);
+}
+
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorLight40, #ffffff);
+    color: var(--textColor40, #383838);
+}
+
 /* Abas */
 .ctn-tab .nav-tabs {
     border-bottom: 0;
@@ -802,6 +938,10 @@ textarea.k-textbox {
     margin-left: 0;
 }
 
+.cardinput input.k-textbox{
+    height: auto;
+}
+
 /* input text whit icon */
 .input-group .k-button {
     background: transparent;
@@ -1102,4 +1242,24 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
 .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
 .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link {
     border-radius: var(--borderRadiusFull, 99999px);
+}
+
+.k-window-titlebar {
+    background: transparent;
+}
+
+/* Panel */
+.panel-info .panel-heading,
+.panel-info .panel-footer {
+    background: var(--colorLight40, #ffffff);
+    border-color: var(--textColor20, #b2b2b2);
+    color: var(--textColor40, #383838);
+}
+
+.panel-info .panel-heading h1{
+    color: var(--textColor40, #383838);
+}
+
+.panel-info {
+    border-color: var(--textColor20, #b2b2b2);
 }

package/css/themes/custom/fuse/panel-fuse.css

@@ -73,17 +73,17 @@
 /* Info */
 .panel-info .panel-heading,
 .panel-info .panel-footer {
-    color: var(--textColorCalm40, #ffffff);
-    background: var(--colorCalm40, #11c1f3);
-    border-color: transparent;
+    color: var(--textColor40, #383838);
+    background: var(--colorLight40, #ffffff);
+    border-color:  var(--textColor20, #b2b2b2);
 }
 
 .panel-info .panel-heading h1{
-    color: var(--textColorCalm40, #ffffff);
+    color: var(--textColor40, #383838);
 }
 
 .panel-info {
-    border-color: var(--colorCalm40, #11c1f3);
+    border-color: var(--textColor20, #b2b2b2);
 }
 
 /* Warning */

package/css/themes/custom/journal/custom-journal.css

@@ -269,6 +269,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */    
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #eb6864);
     --btnDefault: var(--colorDefault40, #2ca4a8);
@@ -282,6 +283,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #222222);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: var(--colorDefault50, #dfdfdf);
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: var(--colorLight50, #dfdfdf);
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #3b448e);
     --colorPrimary: var(--colorPrimary40, #eb6864);
@@ -306,6 +330,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #222222);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: transparent;
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #3b448e);
     --comboboxPrimary: var(--colorPrimary40, #eb6864);
@@ -318,6 +353,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #222222);
 
+    --borderComboboxDefault: var(--colorDefault50, #555555);
+    --borderComboboxPrimary: var(--colorPrimary50, #2a9fd6);
+    --borderComboboxSuccess: var(--colorSuccess50, #77b300);
+    --borderComboboxCalm: var(--colorCalm50, #11c1f3);
+    --borderComboboxWarning: var(--colorWarning50, #ff8800);
+    --borderComboboxDanger: var(--colorDanger50, #cc0000);
+    --borderComboboxLight: var(--colorLight50, #222222);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #9933cc);
+    --borderComboboxDark: var(--colorDark50, #adafae);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #3b448e);
     --optionPrimary: var(--colorPrimary40, #eb6864);
@@ -330,6 +376,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #222222);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: transparent;
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
     --panelDefault: var(--colorDefault10, #2ca4a8);
     --panelPrimary: var(--colorPrimary40, #eb6864);
@@ -341,6 +398,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #222222);
+
+    --borderPanelDefault: var(--colorDefault20, #d6d6d6);
+    --borderPanelPrimary: var(--colorPrimary50, #ce5b58);
+    --borderPanelSuccess: var(--colorSuccess50, #1e9c43);
+    --borderPanelCalm: var(--colorCalm50, #2d5986);
+    --borderPanelWarning: var(--colorWarning50, #d7c920);
+    --borderPanelDanger: var(--colorDanger50, #b35900);
+    --borderPanelLight: var(--colorLight50, #d9dadb);
+    --borderPanelStable: transparent;
+    --borderPanelRoyal: transparent;
+    --borderPanelDark: transparent;
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 body {

package/css/themes/custom/journal/panel-journal.css

@@ -87,8 +87,7 @@
 }
 
 /* Stable */
-.panel-stable>.panel-heading,
-.panel-stable>.panel-footer {
+.panel-stable>.panel-heading {
     color: var(--textColorStable40, #444444);
     background: var(--colorStable50, #d9d9d9);
     border-color: transparent
@@ -99,8 +98,7 @@
 }
 
 /* Royal */
-.panel-royal>.panel-heading,
-.panel-royal>.panel-footer {
+.panel-royal>.panel-heading {
     color: var(--textColorRoyal40, #ffffff);
     background: var(--colorRoyal40, #886aea);
     border-color: transparent
@@ -111,8 +109,7 @@
 }
 
 /* Dark */
-.panel-dark>.panel-heading,
-.panel-dark>.panel-footer {
+.panel-dark>.panel-heading {
     color: var(--textColorDark40, #ffffff);
     background: var(--colorDark40, #222222);
     border-color: transparent