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

package/components/crn-textinputicon.components.json

@@ -40,33 +40,7 @@
       "text_en_US": "Icon"
     }
   ],
-  "attributesForPreview": [
-    {
-      "name": "layout-template",
-      "type": "btngroup",
-      "target": "class",
-      "values": [
-        {
-          "key": "layout-template-classic",
-          "value_pt_BR": "Clássico",
-          "value_en_US": "Classic"
-        },
-        {
-          "key": "layout-template-modern",
-          "value_pt_BR": "Moderno",
-          "value_en_US": "Modern"
-        }
-      ]
-    }
-  ],
   "childrenProperties": [
-    {
-      "name": "layout-template",
-      "displayName_pt_BR": "Modelo de layout",
-      "displayName_en_US": "Layout template",
-      "order": 1,
-      "selector": "div.input-group"
-    },
     {
       "name": "class",
       "selector": "i",

package/components/css/checkbox-color.css

@@ -246,6 +246,7 @@
 .checkbox-light .k-checkbox-label:active:before,
 .checkbox-light .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
 .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
 .checkbox-light .k-checkbox-label:before {

package/components/css/combobox-color.css

@@ -512,7 +512,10 @@
     background: transparent;
 }
 
+
+.k-multiselect .k-button.k-state-hover,
 .k-multiselect .k-button,
+.combobox-default .k-multiselect .k-button.k-state-hover,
 .combobox-default .k-multiselect .k-button {
     border-color: var(--colorDefault50, #343c7c);
     background: var(--colorDefault40, #3b448e);
@@ -540,6 +543,7 @@
     background: var(--colorPrimary40, #5665be);
 }
 
+.combobox-primary .k-multiselect .k-button.k-state-hover,
 .combobox-primary .k-multiselect .k-button {
     border-color: var(--colorPrimary50, #4b58a6);
     background: var(--colorPrimary40, #5665be);
@@ -562,6 +566,7 @@
     background: var(--colorSuccess40, #33cd5f);
 }
 
+.combobox-success .k-multiselect .k-button.k-state-hover,
 .combobox-success .k-multiselect .k-button {
     border-color: var(--colorSuccess50, #2db353);
     background: var(--colorSuccess40, #33cd5f);
@@ -584,6 +589,7 @@
     background: var(--colorCalm40, #11c1f3);
 }
 
+.combobox-info .k-multiselect .k-button.k-state-hover,
 .combobox-info .k-multiselect .k-button {
     border-color: var(--colorCalm50, #0fa9d5);
     background: var(--colorCalm40, #11c1f3);
@@ -606,6 +612,7 @@
     background: var(--colorWarning40, #ffc900);
 }
 
+.combobox-warning .k-multiselect .k-button.k-state-hover,
 .combobox-warning .k-multiselect .k-button {
     border-color: var(--colorWarning50, #dfb000);
     background: var(--colorWarning40, #ffc900);
@@ -628,6 +635,7 @@
     background: var(--colorDanger40, #ef473a);
 }
 
+.combobox-danger .k-multiselect .k-button.k-state-hover,
 .combobox-danger .k-multiselect .k-button {
     border-color: var(--colorDanger50, #d13e33);
     background: var(--colorDanger40, #ef473a);
@@ -650,6 +658,7 @@
     background: var(--colorLight40, #ffffff);
 }
 
+.combobox-light .k-multiselect .k-button.k-state-hover,
 .combobox-light .k-multiselect .k-button {
     border-color: var(--colorLight50, #dfdfdf);
     background: var(--colorLight40, #ffffff);
@@ -672,6 +681,7 @@
     background: var(--colorStable40, #f8f8f8);
 }
 
+.combobox-stable .k-multiselect .k-button.k-state-hover,
 .combobox-stable .k-multiselect .k-button {
     border-color: var(--colorStable50, #d9d9d9);
     background: var(--colorStable40, #f8f8f8);
@@ -695,6 +705,7 @@
     background: var(--colorRoyal40, #886aea);
 }
 
+.combobox-royal .k-multiselect .k-button.k-state-hover,
 .combobox-royal .k-multiselect .k-button {
     border-color: var(--colorRoyal50, #775dcd);
     background: var(--colorRoyal40, #886aea);
@@ -718,6 +729,7 @@
     background: var(--colorDark40, #444444);
 }
 
+.combobox-dark .k-multiselect .k-button.k-state-hover,
 .combobox-dark .k-multiselect .k-button {
     border-color: var(--colorDark50, #3c3c3c);
     background: var(--colorDark40, #444444);

package/components/css/option-color.css

@@ -193,6 +193,33 @@
     border-color: var(--colorDark40, #444444);
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 /* light */
 .option-light .k-radio-label:before {
     border-color: var(--colorLight40, #ffffff);
@@ -215,6 +242,7 @@
 }
 
 /* white */
+
 .option-white .k-radio-label:after,
 .option-white .k-radio-label:before,
 .option-white .k-radio:checked+.k-radio-label:after {

package/components/templates/textinputicon.template.html

@@ -1,6 +1,6 @@
 <div>
     <label class="form-group" for="inputButton-${RANDOM}">Label</label>
-    <div class="input-group layout-template-classic" layout-template="layout-template-classic">
+    <div class="input-group">
         <span class="k-button">
             <i class="glyphicon glyphicon-search" aria-hidden="true"></i>
         </span>

package/css/animate.css

@@ -19,7 +19,7 @@
 
 /* Error */
 .cronapp-icon.cronapp-error {
-    border-color: var(--colorDanger20, #e6b3b2);
+    border-color: var(--colorDanger40, #ce3a36);
     color: var(--colorDanger40, #ce3a36);
     display: flex;
 }
@@ -61,7 +61,7 @@
 
 /* Success */
 .cronapp-icon.cronapp-success {
-    border-color: var(--colorSuccess20, #b0c4b0);
+    border-color: var(--colorSuccess40, #257d25);
     color: var(--colorSuccess40, #257d25);
 }
 
@@ -150,13 +150,13 @@
 
 /* Warning */
 .cronapp-icon.cronapp-warning {
-    border-color: var(--colorWarning20, #f7d7b7);
+    border-color: var(--colorWarning40, #f0ad4e);
     color: var(--colorWarning40, #f0ad4e);
 }
 
 /* Info */
 .cronapp-icon.cronapp-info {
-    border-color: var(--colorCalm20, #aee0f9);
+    border-color: var(--colorCalm40, #3b448e);
     color: var(--colorCalm40, #3b448e);
 }
 

package/css/app.css

@@ -287,7 +287,7 @@ fieldset[disabled] .btn-default:hover {
 }
 
 .k-invalid-msg {
-    color: var(--colorDanger40, #ce3a36);
+    color: red;
     border: none;
 }
 
@@ -314,7 +314,7 @@ fieldset[disabled] .btn-default:hover {
     font-family: FontAwesome;
     content: "\f077";
     float: right;
-    color: var(--textColorPrimary40, #ffffff);
+    color: #FFFFFF;
 }
 
 .panel-group .heading-arrow.collapsed.panel-heading::after {
@@ -384,7 +384,7 @@ input[type=checkbox].k-checkbox {
     height: var(--textBigSize, 18px);
 }
 
-#auditDetail .modal-content .list-group .form-group {
+#auditDetail .modal-content .list-group .form-group{
     margin-right: 10px;
 }
 
@@ -393,7 +393,7 @@ img[src='undefined'] {
 }
 
 /* Timeline */
-.timeline {
+.timeline{
     clear: both;
 }
 

package/css/themes/custom/aquamarine/custom-aquamarine.css

@@ -764,8 +764,7 @@ span.k-dropdown,
 .cardinput {
     background: var(--textColorDefault40, #ffffff);
     border-radius: var(--borderRadiusSmall, 15px);
-    padding: var(--distanceExtraSmall, 10px) var(--distanceMedium, 20px);
-    padding-right: 0;
+    padding: 0;
     border-color: var(--colorLight50, #c2c2c2);
 }
 
@@ -1265,7 +1264,7 @@ thead.k-grid-header th.k-header:last-child {
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
 .k-scheduler div.k-scheduler-footer ul li:hover,
-.k-scheduler-edit-form .k-edit-field .k-button:hover {
+.k-scheduler-edit-form .k-edit-field .k-button:hover{
     color: var(--colorDefault40, #2ca4a8);
     box-shadow: none;
     background: var(--colorDefault20, #b1d3d5);
@@ -1492,29 +1491,6 @@ div[data-component^='crn-slider'] .form-control {
     border-color: var(--textColorLight40, #444444);
 }
 
-#cron-breadcrumbs {
-    background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--textColorDefault40, #ffffff);
-    border-radius: var(--borderRadiusSmall, 15px);
-    border: 1px solid var(--colorLight50, #c2c2c2);
-    padding: 0;
-}
-
-.layout-template-modern:focus-within {
-    border: 1px solid var(--colorLight50, #c2c2c2);
-    background: var(--textColorDefault40, #ffffff);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-}
-
-.layout-template-modern .k-button{
+#cron-breadcrumbs{
     background: transparent;
-    color: var(--colorDefault40, #3b448e);
 }

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

@@ -12,9 +12,6 @@
 }
 
 /* Default */
-.k-filter-menu .k-button+.k-button,
-.dynamic-image-container .btn,
-.k-dialog-buttongroup .k-button,
 .btn,
 .k-button,
 .btn.btn-default {
@@ -23,12 +20,6 @@
     color: var(--textColorDefault40, #444444);
 }
 
-.k-filter-menu .k-button+.k-button:focus,
-.k-filter-menu .k-button+.k-button:hover,
-.dynamic-image-container .btn:focus,
-.dynamic-image-container .btn:hover,
-.k-dialog-buttongroup .k-button:hover,
-.k-dialog-buttongroup .k-button:focus,
 .k-button:focus,
 .btn:focus,
 .k-button:hover,
@@ -40,12 +31,6 @@
     border-color: var(--colorDefault50, #d7d7d7);
 }
 
-.k-filter-menu .k-button+.k-button:active,
-.k-filter-menu .k-button+.k-button.active,
-.dynamic-image-container .btn:active,
-.dynamic-image-container .btn.active,
-.k-dialog-buttongroup .k-button:active,
-.k-dialog-buttongroup .k-button.active,
 .k-button.active,
 .btn.active,
 .k-button:active,
@@ -59,7 +44,6 @@
 }
 
 /* Primary */
-.dynamic-image-container .btn.btn-info,
 .k-scheduler-edit-form .k-edit-field .k-button,
 .k-edit-form-container .k-edit-buttons .k-primary,
 .k-dialog-buttongroup .k-button.k-primary,
@@ -70,8 +54,6 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.dynamic-image-container .btn.btn-info:focus,
-.dynamic-image-container .btn.btn-info:hover,
 .k-scheduler-edit-form .k-edit-field .k-button:focus,
 .k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-scheduler-edit-form .k-edit-field .k-button:hover,
@@ -87,8 +69,6 @@
     border-color: var(--colorPrimary40, #2fa4e7);
 }
 
-.dynamic-image-container .btn.btn-info:active,
-.dynamic-image-container .btn.btn-info.active,
 .k-scheduler-edit-form .k-edit-field .k-button:active,
 .k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-scheduler-edit-form .k-edit-field .k-button.active,
@@ -160,7 +140,6 @@
 }
 
 /* Danger */
-.k-dialog-buttongroup .k-button.k-danger,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
@@ -170,8 +149,6 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
-.k-dialog-buttongroup .k-button.k-danger:focus,
-.k-dialog-buttongroup .k-button.k-danger:hover,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
@@ -185,8 +162,6 @@
     border-color: var(--colorDanger40, #c71c22);
 }
 
-.k-dialog-buttongroup .k-button.k-danger:active,
-.k-dialog-buttongroup .k-button.k-danger.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,
@@ -282,7 +257,7 @@
 .k-button.k-stable,
 .btn.btn-stable {
     background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8) 60%, var(--colorStable50, #d9d9d9));
-    border-color: var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable40, #f8f8f8);
     color: var(--textColorStable40, #444444);
 }
 
@@ -292,7 +267,7 @@
 .btn.btn-stable:hover {
     color: var(--textColorStable40, #444444);
     background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable50, #d9d9d9) 60%, var(--colorStable60, #b6b6b6));
-    border-color: var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable40, #f8f8f8);
 }
 
 .k-button.k-stable.active,