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

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

@@ -25,6 +25,10 @@
     padding: 0;
 }
 
+.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
+    width: 100%;
+}
+
 .bootstrap-datetimepicker-widget table td.day {
     border-radius: var(--borderRadiusMedium, 20px);
     font-weight: 600;
@@ -37,8 +41,8 @@
 .bootstrap-datetimepicker-widget table td span.timepicker-hour,
 .bootstrap-datetimepicker-widget table td span.timepicker-minute,
 .bootstrap-datetimepicker-widget table td span.timepicker-second {
-    color: var(--textColor40, #333333);
-    border: 1px solid var(--colorLight60, #bbbbbb);
+    color: var(--textColor40, #383838);
+    border: 1px solid var(--textColor40, #383838);
     border-radius: var(--borderRadiusSmallest, 5px) !important;
     width: 50px !important;
     height: 50px !important;
@@ -75,7 +79,7 @@
 }
 
 .bootstrap-datetimepicker-widget table th {
-    color: var(--textColor40, #333333);
+    color: var(--textColor40, #383838);
     font-weight: 400;
 }
 
@@ -89,33 +93,18 @@
     background: transparent;
 }
 
-/* seta do modal do calendario */
-.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
-    border-bottom-color: var(--backgroundColor40, #ffffff);
-}
-
-.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
-    border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-.bootstrap-datetimepicker-widget.dropdown-menu.bottom::before {
-    border-bottom-color: transparent;
-}
-
-.bootstrap-datetimepicker-widget.dropdown-menu.top::before {
-    border-top-color: transparent;
-}
-
 /* Data e hora */
+
 *[id^="crn-datepicker"] .form-group label+div,
 *[id^="crn-timepicker"] .form-group label+div,
 *[id^="crn-datetimepicker"] .form-group label+div {
     background: var(--backgroundColor40, #ffffff);
-    color: var(--textColor40, #333333);
+    color: var(--textColor40, #383838);
     border-radius: var(--borderRadiusSmallest, 5px);
     padding: var(--distanceSmallest, 5px) var(--distanceSmall, 20px);
     border: 1px solid var(--colorNeutral90, #828282);
     box-shadow: none;
+    width: min-content;
     display: flex;
 }
 
@@ -123,6 +112,7 @@
 *[id^="crn-timepicker"] .form-group label+div input,
 *[id^="crn-datetimepicker"] .form-group label+div input {
     border: 0;
+    width: min-content;
     padding: 0 4px;
     background: transparent;
 }
@@ -149,7 +139,7 @@
 *[id^="crn-timepicker"] .form-group label+div:focus,
 *[id^="crn-datetimepicker"] .form-group label+div:focus {
     border-color: transparent;
-    box-shadow: 0 0 0 3px var(--colorWarning50, #dfb306);
+    box-shadow: 0 0 0 3px var(--colorWarning50, #ffcd07);
 }
 
 *[id^="crn-datepicker"] .form-group label+div input:hover,
@@ -169,8 +159,7 @@ cron-calendar.k-calendar .k-footer,
 cron-calendar.k-calendar .k-header,
 .k-calendar .k-footer .k-nav-today {
     background: var(--backgroundColor40, #ffffff);
-    color: var(--colorDefault40, #1351b4);
-    font-weight: 600;
+    color: var(--textColor40, #383838);
 }
 
 .k-calendar td.k-state-hover,
@@ -178,8 +167,7 @@ cron-calendar.k-calendar .k-header,
 .k-calendar .k-header .k-link.k-nav-next,
 .k-calendar .k-header .k-link.k-nav-prev,
 .k-calendar .k-header .k-icon {
-    color: var(--colorDefault40, #1351b4);
-    font-weight: 600;
+    color: var(--textColor40, #383838);
 }
 
 cron-calendar.k-widget {
@@ -193,111 +181,51 @@ cron-calendar.k-widget {
 .k-calendar .k-footer .k-nav-today:hover {
     background: var(--backgroundColor50, #dfdfdf);
     box-shadow: none;
-    color: var(--colorDefault40, #1351b4);
 }
 
 .k-calendar th {
-    background: transparent;
-    font-weight: 600;
-    border: 0;
+    background: var(--backgroundColor50, #dfdfdf);
 }
 
-.k-calendar td.k-state-selected,
 .k-calendar td.k-state-hover,
 .k-calendar td.k-state-focused.k-state-selected.k-state-hover,
 .k-calendar .k-state-selected.k-state-hover,
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
-td.k-state-focused.k-state-selected {
-    box-shadow: none;
-    border-radius: 50%;
-    background: var(--colorDefault10, #d6daeb);
-    color: var(--colorDefault40, #1351b4);
+td.k-state-focused.k-state-selected,
+.k-state-selected {
+    box-shadow: inset 0 0 10px 3px var(--colorDefault30, #7c8ec8);
 }
 
-.k-calendar .k-content .k-link,
-.k-calendar .k-content,
-.k-calendar .k-content th {
-    text-align: center;
-    padding: 0;
-}
-
-.bootstrap-datetimepicker-widget table td.active,
-.bootstrap-datetimepicker-widget table td.active:hover,
-.k-calendar .k-today.k-state-selected {
-    background: var(--colorDanger10, #f7d6d5);
-    border-color: var(--colorDanger10, #f7d6d5);
-    color: var(--colorDanger70, #7d1304);
-    border-radius: 99999px;
-    text-shadow: none;
-}
-
-.bootstrap-datetimepicker-widget table td.active,
-.bootstrap-datetimepicker-widget table td.active:hover {
-    border-color: transparent;
+.k-calendar td.k-state-hover .k-link {
+    color: var(--textColor40, #383838);
 }
 
-.k-calendar .k-content .k-other-month .k-link,
-.k-calendar .k-link,
-.k-scheduler-navigation .k-nav-next .k-link,
-.k-scheduler-navigation .k-nav-prev .k-link,
-.k-scheduler-header th,
-.k-scheduler-header-wrap,
-.k-scheduler-table td,
-.k-scheduler-times,
-.k-scheduler-times th,
-.k-scheduler-times tr {
-    color: var(--colorDefault40, #1351b4);
+.k-calendar .k-today.k-state-selected.k-state-hover{
+    background: var(--colorDefault10, #d6daeb);
 }
 
 .k-calendar .k-content .k-other-month .k-link {
-    color: var(--colorDefault30, #5A85CB);
-}
-
-.k-calendar .k-today.k-state-selected .k-link {
-    color: var(--colorDanger70, #7d1304);
-}
-
-.k-calendar td {
-    border-radius: 50%;
-}
-
-.k-calendar td.k-state-hover .k-link {
-    color: var(--colorDefault40, #1351b4);
+    color: var(--textColor30, #858585);
 }
 
-.k-calendar .k-today.k-state-selected.k-state-hover {
-    background: var(--colorDefault10, #d6daeb);
+.k-calendar td.k-state-selected {
+    background: transparent;
 }
 
-.bootstrap-datetimepicker-widget table th {
-    font-weight: 400;
-    text-transform: capitalize;
+/* seta do modal do calendario */
+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
+    border-bottom-color: var(--backgroundColor40, #ffffff);
 }
 
-.k-calendar .k-content td:not(.k-other-month) .k-link {
-    font-weight: 500;
+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
+    border-top-color: var(--backgroundColor40, #ffffff);
 }
 
-.bootstrap-datetimepicker-widget table td span.active {
-    background-color: var(--colorDefault40, #1351b4);
-    color: var(--textColorDefault40, #ffffff);
-    text-shadow: none;
+.bootstrap-datetimepicker-widget.dropdown-menu.bottom::before {
+    border-bottom-color: transparent;
 }
 
-@media only screen and (max-width: 1024px) {
-
-    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
-    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link,
-    .k-scheduler-navigation .k-nav-next .k-icon,
-    .k-scheduler-toolbar>ul .k-link,
-    .k-calendar .k-state-selected.k-state-hover .k-link,
-    .k-edge .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
-    .k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
-    .k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
-    .k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,
-    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link {
-        color: var(--colorDefault40, #1351b4);
-    }
-
+.bootstrap-datetimepicker-widget.dropdown-menu.top::before {
+    border-top-color: transparent;
 }

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

@@ -0,0 +1,138 @@
+.option-default:hover .k-radio-label:before,
+.checkbox-default:hover .k-checkbox-label:before {
+    background: var(--colorDefault10, #d6daeb);
+}
+
+.option-primary:hover .k-radio-label:before,
+.checkbox-primary:hover .k-checkbox-label:before {
+    background: var(--colorPrimary10, #d6daeb);
+}
+
+.option-success:hover .k-radio-label:before,
+.checkbox-success:hover .k-checkbox-label:before {
+    background: var(--colorSuccess10, #d6e2d6);
+}
+
+.option-info:hover .k-radio-label:before,
+.checkbox-info:hover .k-checkbox-label:before {
+    background: var(--colorCalm10, #d6dbf1);
+}
+
+.option-warning:hover .k-radio-label:before,
+.checkbox-warning:hover .k-checkbox-label:before {
+    background: var(--colorWarning10, #fff1d5);
+}
+
+.option-danger:hover .k-radio-label:before,
+.checkbox-danger:hover .k-checkbox-label:before {
+    background: var(--colorDanger10, #f7d6d5);
+}
+
+.option-light:hover .k-radio-label:before,
+.checkbox-light:hover .k-checkbox-label:before {
+    background: var(--colorLight50, #f5f5f5);
+}
+
+.option-stable:hover .k-radio-label:before,
+.checkbox-stable:hover .k-checkbox-label:before {
+    background: var(--colorStable50, #fdfdfd);
+}
+
+.option-royal:hover .k-radio-label:before,
+.checkbox-royal:hover .k-checkbox-label:before {
+    background: var(--colorRoyal10, #e2ddf9);
+}
+
+.option-dark:hover .k-radio-label:before,
+.checkbox-dark:hover .k-checkbox-label:before {
+    background: var(--colorDark10, #d9d9d9);
+}
+
+/* light */
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light .k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
+.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 {
+    border-color: var(--colorLight60, #ffffff);
+}
+
+.checkbox-light .k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorLight70, #dfdfdf);
+}
+
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
+    color: var(--textColorLight40, #444444);
+}
+
+/* Stable */
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox-label:active:before,
+.checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox-label:before {
+    border-color: var(--colorStable60, #f8f8f8);
+}
+
+.checkbox-stable .k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorStable70, #d9d9d9);
+}
+
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
+    color: var(--textColorStable40, #ffffff);
+}
+
+.k-checkbox:checked+.k-checkbox-label:before,
+.k-checkbox:indeterminate+.k-checkbox-label:before,
+.k-checkbox:checked+.k-checkbox-label:after,
+.k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--backgroundColor40);
+}
+
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-white .k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox-label:active:before,
+.checkbox-white .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-white .k-checkbox-label:before {
+    border-color: var(--white_focus_hover, #ffffff);
+}