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

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

@@ -1,43 +1,27 @@
-/* Fixar o menu no topo */
-#main-nav-bar.crn-navigator-horizontal {
-    position: fixed;
-    width: 100%;
-    z-index: 900;
-}
-
 .navbar img[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
     background: var(--colorDefault40, #1351b4);
 }
 
 .navbar.navbar-default {
     background: var(--backgroundColor40, #ffffff);
-    border: 0;
     box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
-}
-
-.crn-navigator-vertical .navbar.navbar-default {
-    box-shadow: none;
+    border: 0;
 }
 
 .navbar.navbar-default .container-fluid {
     display: flex;
     justify-content: space-between;
-    padding: 0 var(--menuSideSize, 20px);
+    padding: 0 var(--menuSideSize);
 }
 
 .navbar.navbar-default .container-fluid #navbar {
     width: 100%;
 }
 
+
 .navbar.navbar-default .container-fluid #navbar .navbar-nav .nav,
 .crn-navigator-horizontal .navbar.navbar-default .container-fluid #navbar .navbar-nav {
-    display: flex;
-    justify-content: flex-end;
-}
-
-#main-nav-bar.crn-navigator-vertical .navbar.navbar-default .container-fluid #navbar .navbar-nav .nav,
-#main-nav-bar.crn-navigator-vertical .crn-navigator-horizontal .navbar.navbar-default .container-fluid #navbar .navbar-nav {
-    display: block;
+    float: right !important;
 }
 
 .navbar.navbar-default .container-fluid #navbar2 .navbar-nav>li>a,
@@ -88,7 +72,7 @@
 .navbar.navbar-default .navbar-nav>.open>a:focus,
 .navbar.navbar-default .navbar-nav>.open>a:hover {
     color: var(--colorDefault50, #11479e);
-    background: var(--colorDefault10, #d6daeb);
+    background: transparent;
 }
 
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
@@ -110,6 +94,17 @@
     top: auto;
 }
 
+.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 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+    color: var(--colorDefault40, #1351b4);
+    padding-top: 10px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid var(--backgroundColor50, #dfdfdf);
+    justify-content: flex-start;
+}
+
 .navbar.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
 .navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu li:last-child a {
     border: 0;
@@ -121,18 +116,18 @@
     border-bottom: 1px solid var(--backgroundColor50, #dfdfdf);
 }
 
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu li:last-child a {
+    border-bottom: 1px solid var(--backgroundColor50, #dfdfdf);
+}
+
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu li:last-child a {
     border-bottom: 0;
 }
 
-#main-nav-bar.crn-navigator-vertical .navbar.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu {
-    background: var(--colorStable40, #f8f8f8);
-}
-
-#main-nav-bar.crn-navigator-vertical .container-fluid #navbar .navbar-nav .dropdown-menu {
-    padding-left: 11px;
-    margin-left: 0;
+.navbar.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu {
+    margin-top: -4px;
 }
 
 .navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
@@ -153,7 +148,7 @@
 
 #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid {
     flex-wrap: unset;
-    padding: 0;
+    padding: 0 var(--menuItemPaddingSize, 15px);
 }
 
 .navbar.navbar-default .navbar-brand {
@@ -199,76 +194,7 @@
     border-color: transparent;
 }
 
-.navbar-nav>li>a,
-.navbar-nav>li>a:hover {
-    display: flex;
-    align-items: center;
-}
-
-/* Dynamic Menu */
-.nav>li>a:focus,
-.nav>li>a:hover {
-    color: var(--colorDefault40, #1351b4);
-    background: var(--colorDefault10, #d6daeb);
-}
-
-.nav .open>a,
-.nav .open>a:focus,
-.nav .open>a:hover {
-    background: var(--colorDefault10, #d6daeb);
-    border-color: transparent;
-}
-
-.dropdown-menu li a {
-    color: var(--colorDefault40, #1351b4);
-    border-bottom: 1px solid var(--backgroundColor50, #dfdfdf);
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-.dropdown-menu li:last-child a {
-    border-bottom: 0;
-}
-
-.navbar>.container .navbar-brand,
-.navbar>.container-fluid .navbar-brand,
-.navbar-default .navbar-brand {
-    margin-left: 0;
-}
-
-.dropdown-menu>li>a:focus,
-.dropdown-menu>li>a:hover {
-    color: var(--colorDefault40, #1351b4);
-    background: var(--colorDefault10, #d6daeb);
-    border-radius: 0;
-}
-
-
-#main-view.container-fluid {
-    padding-top: 68px;
-    margin-top: 0;
-}
-
-.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 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-    color: var(--colorDefault40, #1351b4);
-    padding-top: 10px;
-    padding-bottom: 10px;
-    border: 0;
-    justify-content: flex-start;
-}
-
 @media (max-width: 767px) {
-
-    #main-nav-bar.crn-navigator-vertical {
-        position: fixed;
-        width: 100%;
-        z-index: 900;
-        box-shadow: none;
-    }
-
     .navbar.navbar-default .container-fluid #navbar .navbar-nav {
         float: none !important;
     }
@@ -313,63 +239,25 @@
 
     .navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu,
     .navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu {
-        background: var(--colorLight10, #ffffff);
-    }
-
-    .navbar.navbar-default .container-fluid,
-    .navbar.navbar-default .container-fluid #navbar .navbar-nav .nav,
-    .crn-navigator-horizontal .navbar.navbar-default .container-fluid #navbar .navbar-nav {
-        display: block;
-    }
-
-    #main-nav-bar .navbar-default .container-fluid {
-        padding: 0;
-    }
-
-
-    .navbar>.container .navbar-brand,
-    .navbar>.container-fluid .navbar-brand,
-    .navbar-default .navbar-brand {
-        margin-left: 15px;
-    }
-
-    .navbar-default .navbar-toggle,
-    .navbar.navbar-default .container-fluid .navbar-header {
-        margin-right: 4px;
-    }
-
-    .container-fluid>.navbar-collapse {
-        margin-right: 0;
-        margin-left: 0;
+        background: var(--colorLight10);
     }
 
-    .navbar.navbar-default .container-fluid #navbar .navbar-nav {
-        margin-bottom: 0;
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li.open>a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li.open>a,
+    .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 .navbar-default .container-fluid #navbar .navbar-nav li.open>a,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li.open>a,
+    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+        border: 0;
     }
 
-    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
-        margin-top: 0;
+    #main-nav-bar.crn-navigator-vertical {
+        width: auto;
     }
 
-
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li.dropdown:last-child:not(.open) a,
-    #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
-    #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li.dropdown:last-child:not(.open) a {
-        border-bottom: 0;
+    .navbar.navbar-default .container-fluid {
+        display: block;
     }
-
-}
-
-/* Collapsible menu */
-#main-nav-bar.crn-navigator-vertical.collapsible-menu-hide {
-    width: 75px;
-}
-
-#checkCollapsibleMenu:checked~#main-nav-bar.crn-navigator-vertical.collapsible-menu-hide {
-    width: 270px;
-}
-
-#main-nav-bar.crn-navigator-vertical.collapsible-menu-hide img.user-avatar {
-    height: var(--menuItemIconWidth);
-    width: auto;
 }

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

@@ -5,90 +5,159 @@
 .panel {
     border: 0;
     overflow: hidden;
+    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+}
+
+*[id^="crn-accordion"] .panel{
     box-shadow: none;
     border-radius: var(--borderRadiusNone, 0);
-    background: var(--backgroundColor40, #ffffff);
 }
 
-.panel-footer,
-.panel-heading {
+*[id^="crn-accordion"] .panel .panel-heading,
+*[id^="crn-accordion"] .panel.panel-default .panel-heading {
     border-radius: var(--borderRadiusNone, 0);
-    box-shadow: none;
+    background: transparent;
+    border: 0;
+    color: var(--colorDefault40, #1351b4);
+    cursor: pointer;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1,
+*[id^="crn-accordion"] .panel.panel-default .panel-heading h1,
+*[id^="crn-accordion"] .panel.panel-primary .panel-heading h1 {
+    color: var(--colorDefault40, #1351b4);
 }
 
-.panel-footer {
+*[id^="crn-accordion"] .panel .panel-footer,
+*[id^="crn-accordion"] .panel.panel-default .panel-footer {
+    background: transparent;
     border: 0;
-    border-top: 1px solid;
-    border-bottom: 1px solid;
-    border-color: var(--colorLight50, #dfdfdf);
+}
+
+*[id^="crn-accordion"] {
+    border-top: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+*[id^="crn-accordion"] .panel-group .panel-heading.heading-arrow {
+    grid-template-columns: 33px auto;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::after,
+*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::after {
+    content: none;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::before {
+    font-family: "FontAwesome";
+    content: "\f077";
+    float: left;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::before {
+    content: "\f078";
+}
+
+*[id^="crn-accordion"] .panel.panel-default {
+    border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1,
+*[id^="crn-accordion"] .panel .panel-body h1 {
+    font-size: var(--textNormalSize, 16px);
+    text-align: left;
+    font-weight: normal;
+    margin: var(--distanceSmall, 15px) 0;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1 {
+    font-weight: 600;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading.collapsed h1 {
+    font-weight: 400;
+}
+
+*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.list-group,
+*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.panel-body {
+    border: 0;
+}
+
+*[id^="crn-accordion"] .panel-footer {
+    color: var(--textColor40, #2c3e50);
+    background: var(--colorDefault40, #444444);
+    border-color: transparent;
 }
 
 /* Default */
 .panel-default .panel-heading {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault40, #1351b4);
+    background: var(--colorDefault40, #444444);
     border-color: transparent;
+    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
 }
 
 .panel-default {
-    border-color: var(--colorDefault40, #1351b4);
+    border-color: var(--colorDefault40, #2c3e50);
 }
 
 /* Primary */
 .panel-primary>.panel-heading {
-    color: var(--colorPrimary40, #1351b4);
-    background: transparent;
-    border: 1px solid;
-    border-color: var(--colorPrimary40, #1351b4);
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2c3e50);
+    border-color: transparent;
+}
+
+.panel-primary {
+    border: 1px solid var(--colorPrimary40, #dfe3e3);
 }
 
 /* Sucess */
 .panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess40, #168821);
+    background: var(--colorSuccess40, #18bc9c);
     border-color: transparent
 }
 
 .panel-success {
-    border-color: var(--colorSuccess40, #168821);
+    border-color: var(--colorSuccess40, #18bc9c);
 }
 
 /* Info */
 .panel-info>.panel-heading {
     color: var(--textColorCalm40, #ffffff);
-    background: var(--colorCalm40, #155bcb);
+    background: var(--colorCalm40, #11c1f3);
     border-color: transparent
 }
 
 .panel-info {
-    border-color: var(--colorCalm40, #155bcb);
+    border-color: var(--colorCalm40, #11c1f3);
 }
 
 /* Warning */
 .panel-warning>.panel-heading {
     color: var(--textColorWarning40, #ffffff);
-    background: var(--colorWarning40, #ffcd07);
+    background: var(--colorWarning40, #f39c12);
     border-color: transparent
 }
 
 .panel-warning {
-    border-color: var(--colorWarning40, #ffcd07);
+    border-color: var(--colorWarning40, #f39c12);
 }
 
 /* Danger */
 .panel-danger>.panel-heading {
     color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger40, #e52207);
+    background: var(--colorDanger40, #c44133);
     border-color: transparent
 }
 
 .panel-danger {
-    border-color: var(--colorDanger40, #e52207);
+    border-color: var(--colorDanger40, #c44133);
 }
 
 /* Light */
 .panel-light>.panel-heading {
-    color: var(--textColorLight40, #333333);
+    color: var(--textColorLight40, #000000);
     background: var(--colorLight50, #dfdfdf);
     border-color: transparent
 }
@@ -99,7 +168,7 @@
 
 /* Stable */
 .panel-stable>.panel-heading {
-    color: var(--textColorStable40, #333333);
+    color: var(--textColorStable40, #444444);
     background: var(--colorStable50, #d9d9d9);
     border-color: transparent
 }
@@ -111,110 +180,21 @@
 /* Royal */
 .panel-royal>.panel-heading {
     color: var(--textColorRoyal40, #ffffff);
-    background: var(--colorRoyal40, #8889db);
+    background: var(--colorRoyal40, #886aea);
     border-color: transparent
 }
 
 .panel-royal {
-    border-color: var(--colorRoyal40, #8889db);
+    border-color: var(--colorRoyal40, #886aea);
 }
 
 /* Dark */
 .panel-dark>.panel-heading {
     color: var(--textColorDark40, #ffffff);
-    background: var(--colorDark40, #071d41);
+    background: var(--colorDark40, #444444);
     border-color: transparent
 }
 
 .panel-dark {
-    border-color: var(--colorDark40, #071d41);
-}
-
-/* == Acordeão == */
-*[id^="crn-accordion"] .panel {
-    box-shadow: none;
-    border-radius: var(--borderRadiusNone, 0);
-    background: transparent;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading,
-*[id^="crn-accordion"] .panel.panel-default .panel-heading {
-    border-radius: var(--borderRadiusNone, 0);
-    background: transparent;
-    border: 0;
-    color: var(--colorDefault40, #1351b4);
-    cursor: pointer;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1,
-*[id^="crn-accordion"] .panel.panel-default .panel-heading h1,
-*[id^="crn-accordion"] .panel.panel-primary .panel-heading h1 {
-    color: var(--colorDefault40, #1351b4);
-}
-
-*[id^="crn-accordion"] .panel .panel-footer,
-*[id^="crn-accordion"] .panel.panel-default .panel-footer {
-    background: transparent;
-    border: 0;
-}
-
-*[id^="crn-accordion"] {
-    border-top: 1px solid var(--colorNeutral20, #E3E3E3);
-}
-
-
-*[id^="crn-accordion"] .panel.panel-default {
-    border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1,
-*[id^="crn-accordion"] .panel .panel-body h1 {
-    font-size: var(--textNormalSize, 16px);
-    text-align: left;
-    font-weight: normal;
-    margin: var(--distanceSmall, 15px) 0;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1 {
-    font-weight: 600;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading.collapsed h1 {
-    font-weight: 400;
-}
-
-*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.list-group,
-*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.panel-body {
-    border: 0;
-}
-
-*[id^="crn-accordion"] .panel-footer {
-    color: var(--textColor40, #333333);
-    background: var(--colorDefault40, #1351b4);
-    border-color: transparent;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading:hover {
-    background: var(--colorDefault10, #d6daeb);
-}
-
-/* Seta */
-*[id^="crn-accordion"] .panel-group .panel-heading.heading-arrow {
-    grid-template-columns: 33px auto;
-    box-shadow: none;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::after,
-*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::after {
-    content: none;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::before {
-    font-family: "FontAwesome";
-    content: "\f077";
-    float: left;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::before {
-    content: "\f078";
+    border-color: var(--colorDark40, #444444);
 }

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

@@ -18,7 +18,8 @@
 
 .k-slider .k-slider-buttons .k-button:hover,
 .k-slider .k-slider-buttons .k-button.k-state-hover {
-    background: var(--colorDefault10, #d6daeb);
+    background: var(--colorDefault30, #7c8ec8);
+    color: var(--textColorDefault40, #ffffff);
 }
 
 .k-slider .k-slider-buttons .k-button.k-button-decrease span,
@@ -51,7 +52,7 @@
 }
 
 .k-slider .k-slider-selection {
-    background: var(--colorDefault30, #5A85CB);
+    background: var(--colorDefault30, #7c8ec8);
 }
 
 .k-slider .k-slider-items {