@wavemaker/rn-codegen 11.14.1-rc.6311 → 11.14.2-1.6423

package/src/templates/foundation-theme/wavemaker/design-tokens/input/fileupload.less

@@ -0,0 +1,25 @@
+.app-fileupload {
+    border-width: var(--wm-fileupload-border-width);
+    border-style: var(--wm-fileupload-border-style);
+    border-color: var(--wm-fileupload-border-color);
+    border-radius: var(--wm-fileupload-border-radius);
+    background-color: var(--wm-fileupload-background);
+}
+
+.app-fileupload-text {
+    color: var(--wm-fileupload-text-color);
+    font-size: var(--wm-fileupload-text-font-size);
+    font-weight: var(--wm-fileupload-text-font-weight);
+    text-align: var(--wm-fileupload-text-align);
+}
+
+.app-fileupload-btn .app-button {
+    ripple-color: var(--wm-fileupload-ripple-color);
+    border-color: transparent;
+    border-width: 0;
+}
+
+.app-fileupload-icon {
+    font-size: var(--wm-fileupload-icon-font-size);
+    color: var(--wm-fileupload-icon-color);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/number.less

@@ -0,0 +1,40 @@
+
+.app-number {
+    min-height: var(--wm-number-container-min-height);
+    padding-top: var(--wm-number-container-padding-top);
+    padding-bottom: var(--wm-number-container-padding-bottom);
+    padding-left: var(--wm-number-container-padding-left);
+    padding-right: var(--wm-number-container-padding-right);
+    border-style: var(--wm-number-container-border-style);
+    border-radius: var(--wm-number-container-border-radius);
+    background-color: var(--wm-color-white);
+}
+
+.app-number-invalid {
+}
+
+.app-number-focused {
+    border-color: var(--wm-form-control-border-color);
+}
+
+.app-number-placeholer {
+}
+
+.app-number-skeleton {
+}
+
+.app-number-flotaing-label {
+}
+
+.app-number-active-flotaing-label {
+}
+
+.app-number-with-label.app-number-active-flotaing-label {
+    color: var(--wm-form-control-border-color);
+}
+
+.app-number-skeleton {
+}
+
+.app-number-label-skeleton {
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/radioset.less

@@ -0,0 +1,76 @@
+/* Radioset component styles and tokens */
+@import (optional) url('../variables/radioset.variant.less');
+
+.app-radioset {
+  color: var(--wm-radiobutton-color);
+}
+
+.app-radioset-text {
+  color: var(--wm-radiobutton-label-color);
+}
+
+.app-radioset-group-title {
+  color: var(--wm-radiobutton-title-color);
+  background-color: var(--wm-radiobutton-title-background-color);
+  line-height: var(--wm-radiobutton-title-line-height);
+  padding-left: var(--wm-radiobutton-title-padding-left);
+  padding-right: var(--wm-radiobutton-title-padding-right);
+  font-size: var(--wm-radiobutton-title-font-size);
+  font-family: var(--wm-radiobutton-title-font-family);
+}
+
+.app-radioset-item {
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  margin-right: var(--wm-radiobutton-set-item-column-gap);
+  margin-top: var(--wm-radiobutton-set-item-row-gap);
+}
+
+.app-radioset-label {
+  align-self: center;
+  font-size: var(--wm-radiobutton-label-font-size);
+  font-family: var(--wm-radiobutton-label-font-family);
+  font-weight: var(--wm-radiobutton-label-font-weight);
+  line-height: var(--wm-radiobutton-label-line-height);
+  letter-spacing: var(--wm-radiobutton-label-letter-spacing);
+  color: var(--wm-radiobutton-label-color);
+  margin-left: var(--wm-radiobutton-gap);
+}
+
+.app-radioset-checked-icon.root {
+  min-width: var(--wm-radiobutton-size);
+  width: var(--wm-radiobutton-size);
+  height: var(--wm-radiobutton-size);
+  border-style: solid;
+  border-radius: 50%;
+  color: var(--wm-radiobutton-color);
+  border-color: var(--wm-radiobutton-border-color);
+  border-width: var(--wm-radiobutton-border-width);
+
+}
+
+.app-radioset-checked-icon.icon {
+  color: var(--wm-radiobutton-color);
+  font-size: var(--wm-radiobutton-indicator-size);
+  padding: 0;
+}
+
+.app-radioset-selected-label {
+  color: var(--wm-radiobutton-label-color);
+}
+
+.app-radioset-unchecked-icon.root {
+  color: var(--wm-radiobutton-color);
+  border-color: var(--wm-radiobutton-border-color);
+  border-width: var(--wm-radiobutton-border-width);
+  border-radius: 50%;
+  width: var(--wm-radiobutton-size);
+  height: var(--wm-radiobutton-size);
+  min-width: var(--wm-radiobutton-size);
+}
+
+.app-radioset-disabled .app-radioset {
+  color: var(--wm-radiobutton-color);
+  opacity: var(--wm-radiobutton-opacity);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/rating.less

@@ -0,0 +1,30 @@
+.app-rating {
+    padding: var(--wm-rating-padding);
+    gap: var(--wm-space-3);
+    opacity: var(--wm-rating-opacity);
+}
+.app-rating-text {
+    padding-left: var(--wm-rating-text-padding-left);
+    color: var(--wm-rating-text-color);
+    font-size: var(--wm-rating-text-size);
+}
+.app-rating-icon {
+    font-size: var(--wm-rating-icon-size);
+    color: var(--wm-rating-icon-color);
+    width: var(--wm-rating-icon-size);
+    height: var(--wm-rating-icon-size);
+    min-width: var(--wm-rating-icon-size);
+    line-height: var(--wm-rating-icon-size);
+}
+.app-rating-selected-icon {
+    font-size: var(--wm-rating-icon-size);
+    color: var(--wm-rating-icon-color);
+    width: var(--wm-rating-icon-size);
+    height: var(--wm-rating-icon-size);
+    min-width: var(--wm-rating-icon-size);
+    line-height: var(--wm-rating-icon-size);
+}
+.app-rating-disabled {
+    opacity: var(--wm-rating-opacity);
+}
+@import (optional) url('../variables/rating.variant.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/input/select.less

@@ -0,0 +1,79 @@
+@import (optional) url('../variables/select.variant.less');
+
+.app-select {
+    // color: var(--wm-form-control-color);
+    // background-color: var(--wm-color-surface-container-high);
+    // border-style: var(--wm-border-style);
+    // border-color: var(--wm-color-surface-container-high);
+    // border-radius: var(--wm-select-container-border-radius);
+    // padding: var(--wm-space-3);
+}
+
+.app-select-text {
+    // font-size: var(--wm-label-large-font-size);
+    // font-family: var(--wm-font-family-plain);
+}
+
+.app-select-invalid {}
+
+.app-select-item {
+   border-bottom: var(--wm-select-item-border-bottom);
+   padding-horizontal: var(--wm-select-item-padding-horizontal);
+   padding-vertical: var(--wm-select-item-padding-vertical);
+}
+
+.app-select-item-text {
+    font-size: var(--wm-label-large-font-size);
+    font-family: var(--wm-font-family-plain);
+    color: var(--wm-select-item-color);
+}
+
+.app-select-last-item {
+    // border-bottom-width: var(--wm-select-last-item-border-bottom-width);
+}
+
+.app-select-active-item {}
+
+.app-select-active-item-text {
+    // color: var(--wm-color-primary);
+}
+
+.app-select-check-icon {}
+
+.app-select-arrow-button {
+    border-width: var(--wm-select-arrow-button-border-width);
+    border-color: var(--wm-select-arrow-button-border-color);
+    border-style: var(--wm-select-arrow-button-border-style);
+    height: var(--wm-select-arrow-button-height);
+}
+
+.app-select-arrow-button-icon {}
+
+.app-select-arrow-button-skeleton {
+    // border-radius: var(--wm-select-arrow-button-skeleton-border-radius);
+}
+
+.app-select-check-icon.text {
+    // color: var(--wm-color-primary);
+    // font-size: var(--wm-label-large-font-size);
+}
+
+.app-select-text-skeleton {
+    // border-radius: var(--wm-select-text-skeleton-border-radius);
+    // height: var(--wm-select-text-skeleton-height);
+}
+
+.app-select-dropdown-content {}
+
+.app-select-dropdown {}
+
+.app-select-modal {}
+
+.app-select-modal-content {
+    background-color: var(--wm-select-modal-content-background);
+    border-color: var(--wm-select-modal-content-border-color);
+    border-radius: var(--wm-select-modal-content-border-radius);
+    border-style: var(--wm-select-modal-content-border-style);
+    border-width: var(--wm-select-modal-content-border-width);
+    width: var(--wm-select-modal-content-width);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/slider.less

@@ -0,0 +1,43 @@
+.app-slider {
+    width: auto;
+    position: relative;
+}
+
+.app-slider-track {
+    height: var(--wm-slider-track-height);
+    margin-vertical: var(--wm-slider-track-margin-vertical);
+    border-radius: var(--wm-slider-track-border-radius);
+}
+
+.app-slider-thumb {
+    background-color: var(--wm-slider-thumb-background);
+    height: var(--wm-slider-thumb-height);
+    width: var(--wm-slider-thumb-width);
+    left: 0px;
+    top: -20px;
+    border-radius: var(--wm-slider-thumb-border-radius);
+    margin-left: 0;
+}
+
+.app-slider-minimum-track {
+    background-color: var(--wm-slider-min-track-background);
+}
+
+.app-slider-maximum-track {
+    background-color: var(--wm-slider-max-track-background);
+    border-radius: 0;
+}
+
+.app-slider-tooltip {
+    background-color: var(--wm-slider-tooltip-background);
+    min-width: unset;
+    left: -40px;
+}
+
+.app-slider-tooltip-label {
+    color: var(--wm-slider-tooltip-color);
+}
+
+.app-slider-tooltip-triangle {
+    opacity: 0;
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/switch.less

@@ -0,0 +1,37 @@
+@import (optional) url('../variables/switch.variant.less');
+.app-switch-first-btn{
+  border-top-left-radius: var(--wm-switch-button-border-radius);
+  border-bottom-left-radius: var(--wm-switch-button-border-radius);
+}
+
+.app-switch-last-btn{
+  border-top-right-radius: var(--wm-switch-button-border-radius);
+  border-bottom-right-radius: var(--wm-switch-button-border-radius);
+}
+
+.app-switch-btn {
+  height: var(--wm-switch-button-height);
+  color: var(--wm-switch-button-color);
+  ripple-color: var(--wm-switch-button-ripple-color);
+  border-color: var(--wm-switch-button-border-color);
+  background-color: var(--wm-switch-button-background-color);
+  padding-left: var(--wm-switch-button-padding-left);
+  padding-right: var(--wm-switch-button-padding-right);
+  border-width: var(--wm-switch-button-border-width);
+}
+
+.app-switch-btn-text {
+  font-size: var(--wm-switch-button-font-size);
+  font-family: var(--wm-switch-button-font-family);
+  font-weight: var(--wm-switch-button-font-weight);
+}
+
+.app-switch-btn-selected{
+  color: var(--wm-switch-button-color);
+  border-color: var(--wm-switch-button-border-color);
+  background-color: var(--wm-switch-button-background-color);
+}
+
+.app-switch-disabled {
+  opacity: var(--wm-switch-opacity);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/text.less

@@ -0,0 +1,69 @@
+
+// .app-text {
+//     background-color: var(--wm-form-control-background);
+//     border-width: var(--wm-form-control-border-width);
+//     border-style: var(--wm-form-control-border-style);
+//     border-radius: var(--wm-form-control-border-radius);
+//     padding-left: var(--wm-form-control-padding);
+//     padding-right: var(--wm-form-control-padding);
+//     min-height: var(--wm-text-min-height);
+//     padding-top: var(--wm-text-padding-top);
+//     padding-bottom: var(--wm-text-padding-bottom);
+//     border-color: var(--wm-text-border-color);
+//     font-family: var(--wm-text-font-family);
+// }
+
+// .app-text-text {
+//     color: var(--wm-form-control-color);
+//     font-family: var(--wm-form-control-font-family);
+//     font-size: var(--wm-form-control-font-size);
+//     line-height: var(--wm-form-control-line-height);
+//     letter-spacing: var(--wm-form-control-letter-spacing);
+// }
+
+// .app-text-invalid {
+//     border-bottom-color: var(--wm-text-invalid-border-bottom-color);
+// }
+
+// .app-text-focused {
+//     border-color: var(--wm-form-control-border-color);
+// }
+
+// .app-text-place-holder-text {
+//     color: var(--wm-form-control-border-color);
+// }
+
+// .app-text-disabled {
+//     background-color: var(--wm-text-disabled-background-color);
+// }
+
+// .app-text-disabled .app-text {
+//     background-color: var(--wm-text-disabled-background-color);
+// }
+
+// .app-text-flotaing-label {
+// }
+
+// .app-text-active-flotaing-label {
+// }
+
+// .app-text-with-label.app-text-active-flotaing-label {
+//     color: var(--wm-form-control-border-color);
+// }
+
+// .app-text-with-label.app-text-flotaing-label {
+//     top: var(--wm-text-floating-label-top);
+//     left: var(--wm-text-floating-label-left);
+//     font-size: var(--wm-text-floating-label-font-size);
+//     color:  var(--wm-form-control-border-color);
+// }
+
+// .app-text-with-label.app-text {
+//     min-height: var(--wm-text-floating-label-min-height);
+// }
+
+// .app-text-skeleton {
+//     width: var(--wm-text-skeleton-width);
+//     height: var(--wm-text-skeleton-height);
+//     border-radius: var(--wm-space-1);
+// }

package/src/templates/foundation-theme/wavemaker/design-tokens/input/textarea.less

@@ -0,0 +1,63 @@
+
+.app-textarea {
+    // background-color: var(--wm-form-control-background);
+    // border-width: var(--wm-form-control-border-width);
+    // border-style: var(--wm-form-control-border-style);
+    // border-radius: var(--wm-text-area-border-radius);
+    // padding: var(--wm-text-area-padding);
+    // border-color: var(--wm-text-area-border-color);
+        height: var(--wm-textarea-height);
+    // font-family: var(--wm-text-font-family);
+}
+
+.app-textarea-text {
+    // color: var(--wm-form-control-color);
+    // font-family: var(--wm-form-control-font-family);
+    // font-size: var(--wm-form-control-font-size);
+    // line-height: var(--wm-form-control-line-height);
+    // letter-spacing: var(--wm-form-control-letter-spacing);
+    // text-align-vertical: var(--wm-text-area-text-align-vertical);
+}
+
+.app-textarea-invalid {
+    // border-bottom-color: var(--wm-color-error);
+}
+
+.app-textarea-focused {
+    // border-color: var(--wm-form-control-border-color);
+}
+
+.app-textarea-flotaing-label {
+}
+
+.app-textarea-active-flotaing-label {
+}
+
+.app-textarea-with-label.app-textarea-active-flotaing-label {
+    // color: var(--wm-form-control-border-color);
+}
+
+.app-textarea-with-label.app-textarea-flotaing-label {
+    // top: var(--wm-text-floating-label-top);
+    // left: var(--wm-text-floating-label-left);
+    // font-size: var(--wm-text-floating-label-font-size);
+    // color:  var(--wm-form-control-border-color);
+}
+
+.app-textarea-with-label.app-textarea-text {
+    // padding-top: var(--wm-text-area-label-padding-top);
+}
+
+.app-textarea-placeholder {
+    // color: var(--wm-text-area-text-place-holder);
+}
+
+.app-textarea-skeleton {
+    // width: var(--wm-text-skeleton-width);
+    // height: var(--wm-text-area-skeleton-height);
+    // border-radius: var(--wm-space-1);
+}
+
+.app-textarea-disabled .app-textarea {
+    // background-color: var(--wm-text-disabled-background-color);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/toggle.less

@@ -0,0 +1,39 @@
+@import url('../variables/toggle.variant.less');
+
+.app-toggle-off  .app-toggle {
+    width: var(--wm-toggle-width);
+    height: var(--wm-toggle-height);
+    border-radius: var(--wm-toggle-border-radius);
+    border-color: var(--wm-toggle-border-color);
+    background-color: var(--wm-toggle-background-color);
+    border-width: var(--wm-toggle-border-width);
+}
+.app-toggle-handle-off .app-toggle-handle {
+    width: var(--wm-toggle-handle-width);
+    height: var(--wm-toggle-handle-height);
+    border-radius: var(--wm-toggle-handle-radius);
+    margin-left: var(--wm-toggle-handle-margin-left);
+    margin-right: var(--wm-toggle-handle-margin-right);
+    background-color: var(--wm-toggle-handle-color);
+}
+.app-toggle-on .app-toggle {
+    width: var(--wm-toggle-width);
+    height: var(--wm-toggle-height);
+    border-radius: var(--wm-toggle-border-radius);
+    background-color: var(--wm-toggle-background-color);
+}
+.app-toggle-handle-on .app-toggle-handle {
+    width: var(--wm-toggle-handle-width);
+    height: var(--wm-toggle-handle-height);
+    border-radius: var(--wm-toggle-handle-radius);
+    margin-left: var(--wm-toggle-handle-margin-left);
+    margin-right: var(--wm-toggle-handle-margin-right);
+    background-color: var(--wm-toggle-handle-color);
+}
+
+.app-toggle-disabled {
+    opacity: var(--wm-toggle-opacity);
+}
+.app-toggle-disabled.handle{
+    opacity: var(--wm-toggle-opacity);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/appnavbar.less

@@ -0,0 +1,102 @@
+
+.app-appnavbar {
+    height: var(--wm-navbar-height);
+    padding-left: var(--wm-navbar-padding-left);
+    padding-right: var(--wm-navbar-padding-right);
+    padding-top: var(--wm-navbar-padding-top);
+    padding-bottom: var(--wm-navbar-padding-bottom);
+    background-color: var(--wm-navbar-background-color);
+}
+
+
+.app-appnavbar-left-icon {
+    color: var(--wm-navbar-left-icon-color);
+    font-size: var(--wm-navbar-left-icon-size);
+}
+
+.app-appnavbar-left-icon .app-icon-shape {
+    color: var(--wm-navbar-left-icon-color);
+    font-size: var(--wm-navbar-left-icon-size);
+}
+
+.app-appnavbar-back-icon {
+    color: var(--wm-navbar-back-icon-color);
+    font-size: var(--wm-navbar-back-icon-size);
+}
+
+.app-appnavbar-back-icon .app-icon-shape {
+    color: var(--wm-navbar-back-icon-color);
+    font-size: var(--wm-navbar-back-icon-size);
+}
+
+.app-appnavbar-image {
+    width: var(--wm-navbar-image-width);
+    height: var(--wm-navbar-image-height);
+}
+
+.app-appnavbar-content {
+    color: var(--wm-navbar-content-color);
+    font-size: var(--wm-navbar-content-font-size);
+    font-weight: var(--wm-navbar-content-font-weight);
+    font-family: var(--wm-navbar-content-font-family);
+
+}
+
+.app-appnavbar-badge {
+    background-color: var(--wm-navbar-badge-background-color);
+    color: var(--wm-navbar-badge-color);
+    margin-left: var(--wm-navbar-badge-margin-left);
+}
+
+.navbar-anchor {
+    padding-right: var(--wm-navbar-anchor-padding-right);
+    padding-left: var(--wm-navbar-anchor-padding-left);
+    padding-top: var(--wm-navbar-anchor-padding-top);
+    padding-bottom: var(--wm-navbar-anchor-padding-bottom);
+
+}
+
+.navbar-anchor-text {
+    color: var(--wm-navbar-anchor-text-color);
+    font-size: var(--wm-navbar-anchor-text-font-size);
+    font-weight: var(--wm-navbar-anchor-text-font-weight);
+    font-family: var(--wm-navbar-anchor-text-font-family);
+}
+
+.navbar-anchor-icon {
+    color: var(--wm-navbar-anchor-icon-color);
+    font-size: var(--wm-navbar-anchor-icon-size);
+}
+
+.navbar-button-icon {
+    color: var(--wm-navbar-button-icon-color);
+    font-size: var(--wm-navbar-button-icon-size);
+}
+
+.navbar-button-text {
+    color: var(--wm-navbar-button-color);
+    font-size: var(--wm-navbar-button-font-size);
+    font-weight: var(--wm-navbar-button-font-weight);
+    font-family: var(--wm-navbar-button-font-family);
+
+}
+
+.navbarMenu.app-menu-trigger .app-anchor-icon .app-icon-shape {
+    color: var(--wm-navbar-menu-icon-color);
+    font-size: var(--wm-navbar-menu-icon-size);
+}
+
+.navbarMenu.app-menu-trigger .app-anchor-text {
+    color: var(--wm-navbar-menu-icon-color);
+    font-size: var(--wm-navbar-menu-icon-size);
+}
+
+.navbarPopover.app-popover-link .app-anchor-icon .app-icon-shape {
+    color: var(--wm-navbar-popover-icon-color);
+    font-size: var(--wm-navbar-popover-icon-size);
+}
+
+.navbarPopover.app-popover-link .app-anchor-text {
+    color: var(--wm-navbar-popover-icon-color);
+    font-size: var(--wm-navbar-popover-icon-size);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/basenav.less

@@ -0,0 +1,3 @@
+
+.app-basenav {
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/menu.less

@@ -0,0 +1,56 @@
+
+.app-menu {
+  background-color: var(--wm-dropdown-menu-background);
+  border-radius: var(--wm-dropdown-menu-border-radius);
+  border-width: var(--wm-dropdown-menu-border-width);
+  border-color: var(--wm-dropdown-menu-border-color);
+}
+
+.app-menu-link-text {
+  color: var(--wm-dropdown-menu-color);
+  font-weight: var(--wm-dropdown-menu-text-font-weight);
+  text-decoration: var(--wm-dropdown-menu-text-decoration);
+  padding-left: var(--wm-dropdown-menu-text-padding-left);
+  padding-right: var(--wm-dropdown-menu-text-padding-right);;
+}
+
+.app-menu-trigger .app-anchor-icon .app-icon {
+  color: var(--wm-dropdown-menu-color);
+}
+
+.app-menu-trigger .app-anchor-icon .app-icon-shape  {
+  font-size: var(--wm-dropdown-menu-caret-size); 
+  color: var(--wm-dropdown-menu-caret-color);
+}
+
+.app-menu-content {
+  background-color: var(--wm-dropdown-menu-content-background); 
+  border-radius: var(--wm-dropdown-menu-content-border-radius); 
+  width: var(--wm-dropdown-menu-content-width); 
+  padding-left: var(--wm-dropdown-menu-padding-left);
+  padding-right: var(--wm-dropdown-menu-padding-right);
+  padding-top: var(--wm-dropdown-menu-padding-top);
+  padding-bottom: var(--wm-dropdown-menu-padding-bottom);
+}
+
+.app-menu-item.root {
+  border-style: var(--wm-dropdown-menu-item-border-style); 
+  // border-bottom-width: var(--wm-dropdown-menu-item-border-bottom-width); 
+  padding-top: var(--wm-dropdown-menu-item-padding-top); 
+  padding-bottom: var(--wm-dropdown-menu-item-padding-bottom); 
+  padding-left: var(--wm-dropdown-menu-item-padding-left); 
+  padding-right: var(--wm-dropdown-menu-item-padding-right); 
+}
+
+.app-menu-item .app-anchor-text {
+  padding-top: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  color: var(--wm-dropdown-menu-item-color); 
+  font-family: var(--wm-dropdown-menu-item-font-family); 
+  font-size: var(--wm-dropdown-menu-item-font-size); 
+  font-weight: var(--wm-dropdown-menu-item-font-weight); 
+  line-height: var(--wm-dropdown-menu-item-line-height); 
+  text-decoration-line: none;
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/navbar.less

@@ -0,0 +1,9 @@
+
+.app-navbar {
+}
+
+.app-navbar-item {
+}
+
+.app-navbar-child-nav {
+}