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

package/css/themes/custom/dsgov/table-grid-dsgov.css

@@ -2,23 +2,24 @@
 table.table thead th,
 table.table tbody td {
     padding: var(--distanceSmall, 15px) var(--distanceMedium, 20px);
-    color: var(--textColorLight30, #2d2d2d);
+    color: var(--textColorLight30, #3c3c3c);
     border-width: 0;
 }
 
 table.table thead th {
-    background: var(--colorStable40, #f8f8f8);
-    color: var(--textColorLight30, #2d2d2d);
+    background: var(--colorLight30, #e5e5e5);
+    color: var(--textColorLight30, #3c3c3c);
 }
 
 table.table thead th {
     font-weight: 500;
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: 17px;
     text-transform: initial;
     border-top: 0;
     margin: 0;
     white-space: normal;
     vertical-align: top;
+    color: var(--colorDefault40, #1351b4);
 }
 
 table.table thead th {
@@ -43,62 +44,37 @@ table.table.table-bordered tbody td:first-child {
 table.table.table-bordered,
 table.table.table-bordered thead th,
 table.table.table-bordered tbody td {
-    border-color: var(--colorLight50, #dfdfdf);
+    border-color: var(--colorLight50, #c2c2c2);
     border-width: 1px;
     border-left-width: 0;
     border-right-width: 0;
 }
 
-.k-grid-header th.k-header .k-icon {
-    opacity: 1;
-}
-
 /* Grid */
-.k-grid table tbody tr.k-state-selected td,
-.k-grid table tbody tr.k-state-selected:hover td,
-.k-grid table tbody tr.k-state-selected {
-    background: var(--colorDefault40, #1351b4);
-    color: var(--textColorDefault40, #ffffff);
-}
-
-.k-grid table tr.k-state-selected .k-button span:before {
-    color: var(--textColorDefault40, #ffffff);
-}
 
 .k-grid table thead th.k-header,
 .k-grid table tbody td {
     padding: var(--distanceSmall, 15px) var(--distanceMedium, 20px);
-    color: var(--textColor40, #333333);
-    border-color: var(--colorLight50, #dfdfdf);
+    color: var(--textColor40, #383838);
+    border-color: var(--colorLight50, #c2c2c2);
     border-left: 0;
 }
 
 .k-grid table thead th.k-header {
-    background: var(--colorStable40, #f8f8f8);
-    border-bottom: 1px solid var(--colorStable50, #d9d9d9);
+    background: var(--colorLight10, #f5f5f5);
+    border-bottom: 1px solid var(--colorLight50, #c2c2c2);
 }
 
 .k-grid table thead th.k-header,
 .k-grid table thead th.k-header a.k-link {
-    font-weight: 400;
-    font-size: var(--textNormalSize, 16.8px);
+    font-weight: 500;
+    font-size: 17px;
     text-transform: initial;
     border-top: 0;
     margin: 0;
     white-space: normal;
-}
-
-.k-grid-header th.k-header:focus,
-.k-grid-header th.k-header:hover,
-.k-grid-header th.k-header:focus .k-link,
-.k-grid-header th.k-header:focus a,
-.k-grid-header th.k-header:focus .k-icon,
-.k-grid-header th.k-header:focus .k-tool-icon,
-.k-grid-header th.k-header:hover .k-link,
-.k-grid-header th.k-header:hover a,
-.k-grid-header th.k-header:hover .k-icon,
-.k-grid-header th.k-header:hover .k-tool-icon {
-    color: var(--textColor40, #333333);
+    vertical-align: top;
+    color: var(--textColor40, #383838);
 }
 
 .k-grid {
@@ -112,7 +88,6 @@ table.table.table-bordered tbody td {
 .k-grid .k-grid-pager {
     background: transparent;
     border: 0;
-    border-bottom: 1px solid var(--colorLight50, #dfdfdf);
 }
 
 .k-grid .k-header.k-grid-toolbar {
@@ -127,13 +102,24 @@ table.table.table-bordered tbody td {
     background: var(--backgroundColor40, #FFFFFF);
 }
 
-.k-state-selected,
-.k-state-selected:link,
-.k-state-selected:visited,
-.k-tool.k-state-selected,
-.k-grid td.k-state-selected:hover,
-.k-grid tr.k-state-selected:hover td {
+.k-grid .k-header .k-button {
+    border: 1px solid var(--colorDefault40, #1351b4);
     color: var(--colorDefault40, #1351b4);
+    background: var(--backgroundColor40, #ffffff);
+}
+
+.k-grid .k-header .k-button:focus,
+.k-grid .k-header .k-button:hover {
+    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 {
+    background: var(--colorPrimary20, #aeb7da);
+    color: var(--colorPrimary40, #1351b4);
+    border: 1px solid var(--colorPrimary40, #1351b4);
 }
 
 .k-grid .k-header .k-button-icontext .k-icon {
@@ -141,11 +127,10 @@ table.table.table-bordered tbody td {
 }
 
 .k-grid .k-header .crn-grid-title {
-    color: var(--textColorLight40, #333333);
+    color: var(--textColorLight30, #3c3c3c);
     padding: 8px 24px;
     padding-left: 0;
-    font-weight: 600;
-    font-size: var(--textMediumSize, 24.19px);
+    font-weight: 700;
 }
 
 .k-state-selected,
@@ -155,12 +140,12 @@ table.table.table-bordered tbody td {
 .k-grid td.k-state-selected:hover,
 .k-grid tr.k-state-selected:hover td {
     background: initial;
-    border-color: var(--colorLight50, #dfdfdf);
+    border-color: var(--colorLight50, #C7C7C7);
     box-shadow: none;
 }
 
 .k-pager-numbers li {
-    margin: 0 2px;
+    margin: 0 4px;
 }
 
 .k-grid .k-grid-pager .k-pager-sizes .k-icon:hover {
@@ -173,20 +158,16 @@ table.table.table-bordered tbody td {
 .k-grid .k-grid-pager .k-icon:hover,
 .k-pager-wrap .k-link:hover,
 .k-grid .k-pager-numbers .k-state-selected:hover {
-    border: 0;
+    border: 1px solid transparent;
     background: var(--colorDefault10, #d6daeb);
     color: var(--colorDefault40, #1351b4);
 }
 
-.k-grid-header th.k-header .k-grid-filter:hover .k-icon {
-    color: var(--colorDefault40, #1351b4);
-}
-
 .k-grid .k-pager-numbers .k-state-selected:hover,
 .k-grid .k-pager-numbers .k-state-selected {
     color: var(--textColorDefault40, #FFFFFF);
-    border-color: var(--colorDefault60, #1351b4);
-    background: var(--colorDefault60, #1351b4);
+    border: 1px solid var(--colorDefault40, #1351b4);
+    background: var(--colorDefault40, #1351b4);
 }
 
 .k-grid table .k-button {
@@ -198,22 +179,11 @@ table.table.table-bordered tbody td {
 }
 
 .k-grid table .k-button:hover {
-    background: var(--backgroundColor40, #ffffff);
-}
-
-.k-grid table tr.k-state-selected .k-button:hover span:before {
-    color: var(--colorDefault40, #1351b4);
-}
-
-.k-grid .k-pager-numbers .k-link:link,
-.k-grid .k-pager-numbers .k-link:visited,
-.k-grid .k-pager-numbers .k-nav-current.k-state-hover .k-link,
-.k-pager-wrap>.k-link>.k-icon {
-    color: var(--textColor40, #333333);
+    background: var(--colorDefault10, #d6daeb);
 }
 
 .k-grid-toolbar .k-button {
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 16px);
 }
 
 .k-grid table .k-button span {
@@ -225,7 +195,7 @@ table.table.table-bordered tbody td {
 
 .k-grid table .k-button span:before {
     color: var(--colorDefault40, #1351b4);
-    font-size: var(--textMediumSize, 24.19px);
+    font-size: 20px;
 }
 
 .k-grid table .k-button .k-i-edit:before {
@@ -241,7 +211,7 @@ table.table.table-bordered tbody td {
 .k-grid .k-grid-pager .k-icon.k-i-arrow-60-left:before,
 .k-grid .k-grid-pager .k-icon.k-i-arrow-60-right:before {
     font-family: "Material Icons";
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 20px);
     font-weight: 800;
     transform: none;
 }
@@ -250,7 +220,7 @@ table.table.table-bordered tbody td {
 .k-grid-toolbar .k-button,
 .k-grid-header th.k-header>.k-link,
 .k-grid tr td {
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 14px);
     font-family: var(--fontFamily, "Roboto", "Helvetica Neue", "Arial", sans-serif);
 }
 
@@ -264,7 +234,7 @@ table.table.table-bordered tbody td {
 
 .k-icon.k-i-arrow-60-down:before {
     font-family: "Material Icons";
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 20px);
     font-weight: 800;
     content: '\e313';
 }
@@ -288,6 +258,7 @@ table.table.table-bordered tbody td {
     background: var(--backgroundColor40, #FFFFFF);
     border: 0;
     width: min-content;
+
 }
 
 .k-grid .k-dropdown .k-dropdown-wrap.k-state-hover,
@@ -297,21 +268,20 @@ table.table.table-bordered tbody td {
 }
 
 .k-grid .k-dropdown .k-dropdown-wrap .k-input {
+    color: var(--colorDefault40, #1351b4);
     margin: 0;
-    border: 0;
 }
 
 .k-pager-sizes .k-widget.k-dropdown {
     padding-left: 64px;
-    border: 0;
-    border-left: 1px solid var(--colorLight50, #dfdfdf);
+    border-left: 1px solid var(--colorLight50, #c2c2c2);
     display: grid;
     align-items: center;
     border-radius: 0;
 }
 
 .k-pager-info {
-    border-right: 1px solid var(--colorLight50, #dfdfdf);
+    border-right: 1px solid var(--colorLight50, #c2c2c2);
     padding-right: 10px;
     margin-right: 6px;
 }
@@ -324,6 +294,7 @@ table.table.table-bordered tbody td {
 
 .k-pager-wrap>.k-link>.k-icon {
     margin-top: -7px;
+    margin-top: 0;
 }
 
 .k-link.k-pager-nav {
@@ -332,44 +303,19 @@ table.table.table-bordered tbody td {
     border-radius: var(--borderRadiusMedium, 20px);
 }
 
+.k-pager-nav.k-pager-first+.k-link,
 .k-pager-wrap .k-link.k-pager-last,
 .k-pager-numbers .k-link,
 .k-pager-numbers .k-state-selected,
 .k-link.k-pager-nav {
     color: var(--colorDefault40, #1351b4);
-    border: 0;
+    border: 1px solid transparent;
     border-radius: var(--borderRadiusMedium, 20px);
-    background: transparent;
-}
-
-.k-pager-nav.k-pager-first+.k-link,
-.k-pager-wrap .k-link.k-pager-last {
-    border: 0;
-}
-
-.k-link.k-pager-nav:hover {
-    border: inherit;
-    border-color: transparent;
-}
-
-@media only screen and (max-width: 1024px) {
-
-    .k-webkit .k-pager-numbers .k-current-page .k-link {
-        border: 1px solid var(--colorLight50, #dfdfdf);
-    }
-
-    .k-webkit .k-pager-nav.k-pager-first+.k-link {
-        border: 0;
-        border-radius: 50%;
-    }
-
 }
 
 .k-link.k-pager-nav:hover {
     color: var(--colorDefault40, #1351b4);
     background: var(--colorDefault10, #d6daeb);
-    border: 0;
-    border-radius: 50%;
 }
 
 .k-link.k-pager-nav.k-state-disabled .k-icon:hover {
@@ -378,6 +324,7 @@ table.table.table-bordered tbody td {
 
 .k-link.k-pager-nav .k-icon.k-i-arrow-60-right {
     margin-left: -3px;
+    margin-top: 0;
 }
 
 .k-grid .k-grid-pager .k-link.k-pager-refresh {
@@ -398,21 +345,22 @@ table.table.table-bordered tbody td {
 .k-i-arrow-end-right:before {
     content: "\e5dd";
     font-family: "Material Icons";
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 20px);
     font-weight: 800;
 }
 
 .k-i-arrow-end-left:before {
     content: "\e5dc";
     font-family: "Material Icons";
-    font-size: var(--textNormalSize, 16.8px);
+    font-size: var(--textNormalSize, 20px);
     font-weight: 800;
 }
 
 .k-grid table thead th.k-header a.k-link {
     display: inline;
     padding: 0;
-    margin: 3px 0;
+    color: var(--colorDefault40, #383838);
+    font-weight: 400;
 }
 
 .k-grid table thead th.k-header a.k-link .k-icon {
@@ -424,21 +372,22 @@ table.table.table-bordered tbody td {
 .k-grid table thead th.k-header a.k-grid-filter {
     width: 24px;
     height: 24px;
+    padding: 3px;
     border-radius: var(--borderRadiusMedium, 20px);
     display: flex;
     align-items: center;
     justify-content: center;
-    border: 0;
-    padding: 3px;
-    margin: 0;
+    border: 1px solid transparent;
+    color: var(--colorDefault40, #1351b4);
 }
 
 .k-grid table thead th.k-header a.k-link .k-icon {
-    width: 20px;
-    height: 20px;
+    width: 24px;
+    height: 24px;
     padding: 3px;
     border-radius: var(--borderRadiusMedium, 20px);
-    margin-top: 0;
+    margin-top: -7px;
+    color: var(--textColor40, #383838);
 }
 
 .k-grid table thead th.k-header a.k-link .k-icon:hover {
@@ -446,8 +395,10 @@ table.table.table-bordered tbody td {
     color: var(--colorDefault40, #1351b4);
 }
 
-.k-grid-header th.k-header .k-icon {
-    padding: 3px;
+.k-grid table thead th.k-header a.k-link .k-icon,
+.k-grid table thead th.k-header,
+.k-grid-header th.k-header .k-icon{
+    color: var(--colorDefault40, #1351b4);
 }
 
 .k-alt,
@@ -458,7 +409,7 @@ table.table.table-bordered tbody td {
 }
 
 .k-grid .k-grid-pager {
-    border-top: 1px solid var(--colorLight50, #dfdfdf);
+    border-top: 1px solid var(--colorLight50, #c2c2c2);
 }
 
 .k-i-sort-asc-sm:before {
@@ -477,35 +428,9 @@ thead.k-grid-header th.k-header:first-child,
 .k-rtl .k-grid-header:first-child th.k-header:first-child,
 .k-rtl thead.k-grid-header th.k-header:first-child,
 thead.k-grid-header th.k-header:last-child {
-    border-radius: var(--borderRadiusNone, 0);
+    border-radius: 0;
 }
 
 .k-pager-sizes .k-dropdown-wrap .k-input {
     line-height: inherit;
-}
-
-.k-grid .k-grid-header .k-header div {
-    padding: 0;
-}
-
-.k-listbox .k-item,
-.k-popup .k-list .k-item,
-.k-grid .k-widget select,
-.k-pager-sizes .k-dropdown-wrap .k-input,
-.k-grid .k-widget {
-    color: var(--textColor40, #333333);
-    border: 0;
-    padding: 4px;
-}
-
-.k-grid .k-widget {
-    padding: 8px 16px;
-}
-
-.k-popup .k-list .k-item:last-child {
-    border: 0;
-}
-
-.k-popup .k-list .k-item.k-virtual-item {
-    line-height: var(--textNormalSize, 16.8px);
 }

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

@@ -302,7 +302,7 @@
     --borderBtnStable: transparent;
     --borderBtnRoyal: transparent;
     --borderBtnDark: transparent;
-
+    
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #798d8f);
     --colorPrimary: var(--colorPrimary40, #2c3e50);
@@ -1003,26 +1003,6 @@ textarea.k-textbox,
     border-color: var(--textColor40, #393939);
 }
 
-.cardinput {
-    padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 2px solid var(--colorDefault10, #dfe3e3);
+.cardinput{
     padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border: 2px solid var(--textColor40, #393939);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
 }

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

@@ -420,7 +420,7 @@
     color: var(--textColor40, #383838);
 }
 
-.color-info:hover {
+.color-info:hover{
     color: var(--textColor40, #383838);
 }
 
@@ -543,8 +543,8 @@ div[data-component="crn-accordion"] .title {
 .bg-login #container-second p {
     color: var(--textColorDefault40, #ffffff);
 }
-
-#crn-botao-cadastre .login-view .crn-button-signup-register,
+#crn-botao-cadastre
+.login-view .crn-button-signup-register,
 .login-view .btn.btn-default {
     background: var(--colorPrimary40, #4f46e5);
     border-color: transparent;
@@ -922,7 +922,7 @@ textarea.k-textbox {
     margin-left: 0;
 }
 
-.cardinput input.k-textbox {
+.cardinput input.k-textbox{
     height: auto;
 }
 
@@ -1240,7 +1240,7 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
     color: var(--textColor40, #383838);
 }
 
-.panel-info .panel-heading h1 {
+.panel-info .panel-heading h1{
     color: var(--textColor40, #383838);
 }
 
@@ -1248,33 +1248,6 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
     border-color: var(--textColor20, #b2b2b2);
 }
 
-#cron-breadcrumbs {
+#cron-breadcrumbs{
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: 5px;
-    border: 1px solid var(--colorLight60, #bbbbbb);
-    padding: 0;
-    min-height: 43px;
-}
-
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorLight60, #bbbbbb);
-    background: var(--colorNeutral00, #ffffff);
-}
-
-.layout-template-modern input.k-textbox {
-    padding-left: 5px;
-}
-
-.layout-template-modern .k-button:hover,
-.layout-template-modern .k-button {
-    color: var(--colorDefault40, #3b448e);
-}
-
-.layout-template-modern.input-group .k-button {
-    padding: 0px 14px;
 }

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

@@ -269,7 +269,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */
+    /* === Variables used exclusively in the color palette property === */    
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #eb6864);
     --btnDefault: var(--colorDefault40, #2ca4a8);
@@ -477,7 +477,7 @@ a:hover {
     border-width: 0;
 }
 
-.bg-login #container-first #crn-botao-signup:hover {
+.bg-login #container-first #crn-botao-signup:hover{
     color: var(--colorDefault30, #8689af);
 }
 
@@ -1060,30 +1060,4 @@ input::placeholder,
 
 .cardinput {
     padding: 0;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    border: 1px solid #cccccc;
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    border-color: var(--colorCalm30, #82bded);
-    outline: 0;
-    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorCalm30, #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,
-.layout-template-modern .k-button:hover {
-    border: 0;
 }

package/css/themes/custom/lumen/custom-lumen.css

@@ -710,7 +710,6 @@ h6,
 #crn-botao-cadastre {
     color: var(--colorDefault70, #838383);
 }
-
 .bg-login #container-first #crn-botao-signup:hover,
 .bg-login #crn-botao-cadastre:focus,
 .bg-login #crn-botao-cadastre:hover {
@@ -1147,46 +1146,4 @@ td.k-state-focused {
 .k-popup .k-list .k-state-focused {
     box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #7daecc), inset 0 0 7px 0 var(--colorPrimary40, #158cba);
     background: transparent;
-}
-
-.cardinput {
-    border-style: solid;
-    border-width: 2px 1px 1px 1px;
-    border-color: var(--backgroundColor50, #dfdfdf);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-}
-
-.cardinput button i {
-    color: var(--colorDefault60, #3b448e);
-    font-size: var(--textNormalSize, 14px);
-}
-
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border-style: solid;
-    border-width: 2px 1px 1px 1px;
-    border-color: var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--textColor40, #393939);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault60, #3b448e);
 }