cronapp-framework-js 2.9.4-RC.3 → 2.9.4-SP.1

package/css/themes/custom/cerulean/navbar-cerulean.css

@@ -2,15 +2,9 @@
     filter: brightness(0) invert(1);
 }
 
-.navbar-default .navbar-toggle:focus,
-.navbar-default .navbar-toggle:hover {
-    background: var(--colorPrimary50, #2990ca);
-    border-color: var(--colorPrimary50, #2990ca);
-}
-
 .navbar {
-    background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
-    border-color: var(--colorPrimary40, #2fa4e7);
+    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
+    border-color: var(--colorDefault40, #2fa4e7);
     border-bottom: none;
 }
 
@@ -25,125 +19,63 @@
 }
 
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a ,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
     color: var(--textColorPrimary40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
-.navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary50, #2990ca);
-}
-
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li a:hover,
 .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
-    background: var(--colorPrimary50, #2990ca);
     color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary50, #2fa4e7);
+}
+
+.dropdown-menu {
+    color: var(--textColor40, #555555);
 }
 
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a ,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-    color: var(--textColor40, #555555);
+    color: var(--textColor40, #ffffff);
 }
 
 /* Vertical */
 .crn-navigator-vertical {
-    background: linear-gradient(var(--colorPrimary40, #2fa4e7), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary60, #2278a9));
-    border-right: 1px solid var(--colorPrimary50, #2990ca);
+    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
 }
 
-.crn-navigator-vertical .navbar {
+.crn-navigator-vertical .navbar{
     background: transparent;
 }
 
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
 /*  Menu Toggle */
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-    border-color: var(--colorPrimary50, #2990ca);
-    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
-}
-
-.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
-    border: 0;
-    border-top: 1px solid var(--colorPrimary50, #2990ca);
-}
-
-.crn-navigator-vertical>.navbar>.container-fluid>#navbar2.navbar-collapse.collapse {
-    border: 0;
+    border-color: var(--colorPrimary60, #2278a9);
 }
 
 @media (max-width: 767px) {
 
-    .navbar {
-        background: linear-gradient(var(--colorPrimary40, #2fa4e7), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
-        border-bottom: 1px solid var(--colorPrimary50, #2990ca);
-    }
-
-    .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
     #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
     #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
         color: var(--textColorPrimary40, #ffffff);
     }
-
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 {
-        border: 0;
-        box-shadow: none;
-    }
-
-    #main-nav-bar.crn-navigator-horizontal #navbar .navbar-nav,
-    #main-nav-bar .navbar-default .container-fluid #navbar {
-        margin-bottom: 0;
-    }
-
-    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav {
-        margin-top: 0;
-    }
-
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 {
-        box-shadow: none;
-    }
-
-    #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 {
-        display: none;
-    }
-
-}
-
-/* Dynamic Menu */
-.nav>li>a:focus,
-.nav>li>a:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2fa4e7);
-}
-
-.nav .open>a,
-.nav .open>a:focus,
-.nav .open>a:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2fa4e7);
-}
-
-.dropdown-menu>li>a {
-    color: var(--textColor40, #555555);
-}
-
-.dropdown-menu>li>a:focus,
-.dropdown-menu>li>a:hover {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2fa4e7);
 }

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

@@ -1,13 +1,12 @@
 .panel {
     background: var(--backgroundColor40, #ffffff);
-    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
-    border-color: var(--colorDefault50, #d7d7d7);
+    box-shadow: none;
 }
 
 .panel-footer {
     color: var(--textColorDefault40, #444444);
-    background: var(--colorDefault40, #f5f5f5);
-    border-top: 1px solid var(--colorDefault50, #d7d7d7);
+    background: var(--colorDefault40, #fafafa);
+    border: 0;
 }
 
 /* Default */
@@ -17,105 +16,105 @@
     border-color: var(--colorPrimary40, #2fa4e7);
 }
 
-.panel-default .panel-heading h1 {
-    color: var(--textColorPrimary40, #ffffff);
+.panel-default {
+    border-color: var(--colorPrimary40, #2fa4e7);
 }
 
 /* Primary */
-.panel-primary .panel-heading {
+.panel-primary>.panel-heading {
     color: var(--textColorDefault40, #444444);
     background: var(--colorDefault40, #f5f5f5);
-    border-color: var(--colorDefault50, #d7d7d7);
+    border-color: var(--colorDefault40, #f5f5f5);
 }
 
-.panel-primary .panel-heading h1 {
-    color: var(--textColorDefault40, #444444);
+.panel-primary {
+    border-color: var(--colorDefault40, #f5f5f5);
 }
 
 /* Sucess */
-.panel-success .panel-heading {
+.panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
     background: var(--colorSuccess40, #73a839);
     border-color: var(--colorSuccess40, #73a839);
 }
 
-.panel-success .panel-heading h1 {
-    color: var(--textColorSuccess40, #ffffff);
+.panel-success {
+    border-color: var(--colorSuccess40, #73a839);
 }
 
 /* Info */
-.panel-info .panel-heading {
+.panel-info>.panel-heading {
     color: var(--textColorCalm40, #ffffff);
     background: var(--colorCalm40, #033c73);
     border-color: var(--colorCalm40, #033c73);
 }
 
-.panel-info .panel-heading h1 {
-    color: var(--textColorCalm40, #ffffff);
+.panel-info {
+    border-color: var(--colorCalm40, #033c73);
 }
 
 /* Warning */
-.panel-warning .panel-heading {
+.panel-warning>.panel-heading {
     color: var(--textColorWarning40, #ffffff);
     background: var(--colorWarning40, #dd5600);
     border-color: var(--colorWarning40, #dd5600);
 }
 
-.panel-warning .panel-heading h1 {
-    color: var(--textColorWarning40, #ffffff);
+.panel-warning {
+    border-color: var(--colorWarning40, #dd5600);
 }
 
 /* Danger */
-.panel-danger .panel-heading {
+.panel-danger>.panel-heading {
     color: var(--textColorDanger40, #ffffff);
     background: var(--colorDanger40, #c71c22);
     border-color: var(--colorDanger40, #c71c22);
 }
 
-.panel-danger .panel-heading h1 {
-    color: var(--textColorDanger40, #ffffff);
+.panel-danger {
+    border-color: var(--colorDanger40, #c71c22);
 }
 
 /* Light */
-.panel-light .panel-heading {
+.panel-light>.panel-heading {
     color: var(--textColorLight40, #444444);
-    background: var(--colorLight40, #dfdfdf);
+    background: var(--colorLight50, #dfdfdf);
     border-color: var(--colorLight50, #dfdfdf);
 }
 
-.panel-light .panel-heading h1 {
-    color: var(--textColorLight40, #444444);
+.panel-light {
+    border-color: var(--colorLight50, #dfdfdf);
 }
 
 /* stable */
-.panel-stable .panel-heading {
+.panel-stable>.panel-heading {
     color: var(--textColorStable40, #ffffff);
     background: var(--colorStable50, #d9d9d9);
     border-color: var(--colorStable50, #d9d9d9);
 }
 
-.panel-stable .panel-heading h1 {
-    color: var(--textColorStable40, #ffffff);
+.panel-stable {
+    border-color: var(--colorStable50, #d9d9d9);
 }
 
 /* royal */
-.panel-royal .panel-heading {
+.panel-royal>.panel-heading {
     color: var(--textColorRoyal40, #ffffff);
     background: var(--colorRoyal40, #886aea);
     border-color: var(--colorRoyal40, #886aea);
 }
 
-.panel-royal .panel-heading h1 {
-    color: var(--textColorRoyal40, #ffffff);
+.panel-royal {
+    border-color: var(--colorRoyal40, #886aea);
 }
 
 /* dark */
-.panel-dark .panel-heading {
+.panel-dark>.panel-heading {
     color: var(--textColorDark40, #ffffff);
     background: var(--colorDark40, #444444);
     border-color: var(--colorDark40, #444444);
 }
 
-.panel-dark .panel-heading h1 {
-    color: var(--textColorDark40, #ffffff);
+.panel-dark {
+    border-color: var(--colorDark40, #444444);
 }

package/css/themes/custom/cosmo/custom-cosmo.css

@@ -1161,31 +1161,4 @@ td.k-state-focused.k-state-selected {
 
 .cardinput {
     padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusNone, 0);
-    border: 1px solid var(--textColor10, #d7d7d7);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--colorPrimary30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-    padding: 6px 10px;
 }

package/css/themes/custom/cyborg/custom-cyborg.css

@@ -1318,31 +1318,4 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover a {
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid var(--textColor10, #d7d7d7);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--colorPrimary30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-    padding: 6px 10px;
 }

package/css/themes/custom/darkly/custom-darkly.css

@@ -1229,29 +1229,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--colorNeutral00, #ffffff)
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid var(--textColor30, #858585);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--textColor30, #858585);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/dsgov/button-dsgov.css

@@ -1,10 +1,3 @@
-.k-scheduler-edit-form .k-edit-field .k-button,
-.k-edit-form-container .k-edit-buttons .k-primary,
-.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
-.k-scheduler .k-scheduler-footer .k-scheduler-fullday,
-button,
-.privacy-view .dialog-cookies a,
 .btn,
 .k-button {
     border-radius: var(--borderRadiusFull, 99999px);
@@ -15,21 +8,15 @@ button,
 }
 
 /* Default */
-.k-dialog-buttongroup .k-button.k-primary,
-.privacy-view .dialog-cookies button,
 .btn,
 .k-button,
 .k-button.k-default,
-.btn.btn-default {
+.btn.btn-primary {
     background: var(--colorDefault40, #1351b4);
     border-color: transparent;
     color: var(--textColorDefault40, #ffffff);
 }
 
-.k-dialog-buttongroup .k-button.k-primary:focus,
-.k-dialog-buttongroup .k-button.k-primary:hover,
-.privacy-view .dialog-cookies button:hover,
-.privacy-view .dialog-cookies button:focus,
 .k-button:focus,
 .k-button:hover,
 .btn:hover,
@@ -38,14 +25,10 @@ button,
 .k-button.k-default:hover,
 .btn.btn-default:hover,
 .btn.btn-default:hover {
-    background: var(--colorDefault30, #5A85CB);
+    background: var(--colorDefault30, #7c8ec8);
     color: var(--textColorDefault40, #ffffff);
 }
 
-.k-dialog-buttongroup .k-button.k-primary.active,
-.k-dialog-buttongroup .k-button.k-primary:active,
-.privacy-view .dialog-cookies button:active,
-.privacy-view .dialog-cookies button.active,
 .k-button.active,
 .k-button:active,
 .btn.active,
@@ -54,16 +37,14 @@ button,
 .k-button.k-default:active,
 .btn.btn-default.active,
 .btn.btn-default:active {
-    background: var(--colorDefault20, #ACC2E5);
+    background: var(--colorDefault20, #7c8ec8);
     color: var(--textColorDefault40, #ffffff);
 }
 
 /* Primary */
-.k-grid .k-header .k-button,
-.k-dialog-buttongroup .k-button,
-.privacy-view .dialog-cookies a,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
+.k-dialog-buttongroup .k-button.k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: transparent;
@@ -71,35 +52,27 @@ button,
     border: 1px solid var(--colorPrimary40, #1351b4);
 }
 
-.k-grid .k-header .k-button:hover,
-.k-grid .k-header .k-button:focus,
-.k-dialog-buttongroup .k-button:focus,
-.k-dialog-buttongroup .k-button:hover,
-.privacy-view .dialog-cookies a:hover,
-.privacy-view .dialog-cookies a:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
+.k-dialog-buttongroup .k-button.k-primary:focus,
+.k-dialog-buttongroup .k-button.k-primary:hover,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
-    background: var(--colorPrimary10, #C3CDDD);
+    background: var(--colorPrimary10, #d6daeb);
     color: var(--colorPrimary40, #1351b4);
     border: 1px solid var(--colorPrimary40, #1351b4);
 }
 
-.k-grid .k-header .k-button:active,
-.k-grid .k-header .k-button.active,
-.k-dialog-buttongroup .k-button:active,
-.k-dialog-buttongroup .k-button.active,
-.privacy-view .dialog-cookies a:active,
-.privacy-view .dialog-cookies a.active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone.active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel.active,
+.k-dialog-buttongroup .k-button.k-primary.active,
+.k-dialog-buttongroup .k-button.k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -114,7 +87,7 @@ button,
 .k-button.k-success:active,
 .btn.btn-success.active,
 .btn.btn-success:active {
-    background: var(--colorSuccess30, #7dab7f);
+    background: var(--colorSuccess30, #168821);
     border-color: transparent;
     color: var(--textColorSuccess40, #ffffff);
 }
@@ -124,7 +97,7 @@ button,
 .k-button.k-info:active,
 .btn.btn-info.active,
 .btn.btn-info:active {
-    background: var(--colorCalm30, #7d93d8);
+    background: var(--colorCalm30, #168821);
     border-color: transparent;
     color: var(--textColorCalm40, #ffffff);
 }
@@ -134,7 +107,7 @@ button,
 .k-button.k-warning:active,
 .btn.btn-warning.active,
 .btn.btn-warning:active {
-    background: var(--colorWarning30, #ffda7b);
+    background: var(--colorWarning30, #168821);
     border-color: transparent;
     color: var(--textColorWarning40, #ffffff);
 }
@@ -144,7 +117,7 @@ button,
 .k-button.k-danger:active,
 .btn.btn-danger.active,
 .btn.btn-danger:active {
-    background: var(--colorDanger30, #eb7f7b);
+    background: var(--colorDanger30, #168821);
     border-color: transparent;
     color: var(--textColorDanger40, #ffffff);
 }
@@ -154,9 +127,9 @@ button,
 .k-button.k-light:active,
 .btn.btn-light.active,
 .btn.btn-light:active {
-    background: var(--colorLight30, #ffffff);
+    background: var(--colorLight30, #168821);
     border-color: transparent;
-    color: var(--textColorLight40, #333333);
+    color: var(--textColorLight40, #ffffff);
 }
 
 /* Link */
@@ -167,14 +140,6 @@ button,
 
 .btn.btn-link:focus,
 .btn.btn-link:hover {
-    background: var(--colorPrimary10, #C3CDDD);
-    color: var(--colorPrimary40, #1351b4);
-    text-decoration: none;
-}
-
-.btn.btn-link.active,
-.btn.btn-link:active {
-    background: var(--colorPrimary20, #aeb7da);
     color: var(--colorPrimary40, #1351b4);
 }
 
@@ -185,7 +150,7 @@ button,
 .btn.btn-stable:active {
     background: var(--colorStable30, #fafafa);
     border-color: transparent;
-    color: var(--textColorStable40, #333333);
+    color: var(--textColorStable40, #444444);
 }
 
 /* royal */
@@ -203,7 +168,7 @@ button,
 .k-button.k-dark:active,
 .btn.btn-dark.active,
 .btn.btn-dark:active {
-    background: var(--colorDark30, #7b7e88);
+    background: var(--colorDark30, #898989);
     border-color: transparent;
     color: var(--textColorDark40, #ffffff);
 }