@wavemaker/rn-codegen 11.14.2-rc.6311 → 11.14.4-rc.647538

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

@@ -1,27 +0,0 @@
-
-.app-navitem {
-    background-color: var(--wm-nav-item-background);
-    min-height: var(--wm-nav-item-min-height);
-}
-
-.navAnchorItem.text {
-    font-size: var(--wm-nav-item-font-size);
-    font-family: var(--wm-nav-item-font-family);
-    font-weight: var(--wm-nav-item-font-weight);
-    line-height: var(--wm-nav-item-line-height);
-    letter-spacing: var(--wm-nav-item-letter-spacing);
-    color: var(--wm-nav-item-color);
-}
-
-.navAnchorItem.root {
-    padding-left: var(--wm-nav-item-padding-left);
-    padding-right: var(--wm-nav-item-padding-right);
-    padding-top: var(--wm-nav-item-padding-top);
-    padding-bottom: var(--wm-nav-item-padding-bottom);
-}
-
-.navAnchorItem.icon.root {
-    color: var(--wm-nav-item-color);
-}
-
-

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

@@ -1,62 +0,0 @@
-.app-popover{
-    padding-bottom: var(--wm-popover-padding-bottom);
-    padding-top: var(--wm-popover-padding-top);
-    padding-left: var(--wm-popover-padding-left);
-    padding-right: var(--wm-popover-padding-right);
-    background-color: var(--wm-popover-background-color);
-    box-shadow: var(--wm-popover-shadow);
-    border-top-left-radius: var(--wm-popover-border-top-left-radius);
-    border-top-right-radius: var(--wm-popover-border-top-right-radius)
-}
-.app-popover-action-sheet-popover {
-    position: var(--wm-popover-position);
-    left: var(--wm-popover-left); 
-    bottom: var(--wm-popover-bottom);
-    width: var(--wm-popover-width);
-    min-height: var(--wm-popover-min-height);
-    border-radius: var(--wm-popover-radius);
-    box-shadow: var(--wm-popover-elevation);
-}
-
-.app-popover-title {
-    padding-left: var(--wm-popover-header-padding-left);
-    padding-right: var(--wm-popover-header-padding-right);
-    padding-top: var(--wm-popover-header-padding-top);
-    padding-bottom: var(--wm-popover-header-padding-bottom);
-    font-family: var(--wm-popover-header-font-family);
-    font-size: var(--wm-popover-header-font-size);
-    font-weight: var(--wm-popover-header-font-weight);
-    line-height: var(--wm-popover-header-line-height);
-    letter-spacing: var(--wm-popover-header-letter-spacing);
-    color: var(--wm-popover-header-color);
-    background-color: var(--wm-popover-header-background-color);
-}
-
-//We don't have the support to add inline content for the popover body.
-//Content can only be added using partials, so there are no tokens available for the popover body.
-
-.app-popover-link .app-anchor-icon .app-icon {
-    min-width: var(--wm-popover-link-icon-size);
-    width: var(--wm-popover-link-icon-size);
-    height: var(--wm-popover-link-icon-size);
-}
-
-.app-popover-link .app-anchor-icon .app-icon-shape {
-    color: var(--wm-popover-link-icon-color);
-    font-size: var(--wm-popover-link-icon-size);
-    min-width: var(--wm-popover-link-icon-size);
-    width: var(--wm-popover-link-icon-size);
-    height: var(--wm-popover-link-icon-size);
-    line-height: var(--wm-popover-link-icon-size);
-}
-
-.app-popover-link .app-anchor-text {
-    color: var(--wm-popover-link-text-color);
-    padding-left: var(--wm-space-2);
-    padding-right: var(--wm-space-2);
-    font-size: var(--wm-popover-link-font-size);
-    font-family: var(--wm-popover-link-font-family);
-    font-weight: var(--wm-popover-link-font-weight);
-    line-height: var(--wm-popover-link-line-height);
-    letter-spacing: var(--wm-popover-link-letter-spacing);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/page/content.less

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

package/src/templates/foundation-theme/wavemaker/design-tokens/page/left-panel.less

@@ -1,8 +0,0 @@
-.app-left-panel {
-    min-height: var(--wm-left-panel-min-height);
-    background-color: var(--wm-left-panel-background);
-    box-shadow: var(--wm-left-panel-elevation);
-    border-top-right-radius: var(--wm-left-panel-border-top-right-radius);
-    border-bottom-right-radius: var(--wm-left-panel-border-bottom-right-radius);
-    max-width: var(--wm-left-panel-max-width);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/page/page-content.less

@@ -1,4 +0,0 @@
-.app-page-content {
-    background-color: var(--wm-page-content-background);
-    padding: var(--wm-page-content-padding);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/page/partial-container.less

@@ -1,3 +0,0 @@
-
-.app-partial-container {
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/page/partial.less

@@ -1,6 +0,0 @@
-
-.app-partial {
-}
-
-.app-partial-skeleton {
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/page/tabbar.less

@@ -1,74 +0,0 @@
-.app-tabbar {
-    height: var(--wm-tabbar-height);
-    box-shadow: var(--wm-tabbar-box-shadow);
-}
-
-.app-tabbar-menu {
-    background-color: var(--wm-tabbar-menu-background);
-    height: var(--wm-tabbar-menu-height);
-}
-
-.app-tabbar-more-menu {
-    width: var(--wm-tabbar-more-menu-width);
-    box-shadow: var(--wm-tabbar-more-menu-box-shadow);
-    background-color: var(--wm-tabbar-more-menu-background);
-}
-
-.app-tabbar-more-menu-row {
-    width: var(--wm-tabbar-more-menu-row-width);
-    padding-bottom: var(--wm-tabbar-more-menu-row-padding-bottom);
-    padding-top: var(--wm-tabbar-more-menu-row-padding-top);
-}
-
-.app-tabbar-item {
-    min-height: var(--wm-tabbar-item-min-height);
-    min-width: var(--wm-tabbar-item-min-width);
-    margin-bottom: var(--wm-tabbar-item-margin-bottom);
-    opacity: var(--wm-tabbar-item-opacity);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.app-tabbar-active-item {
-    opacity: var(--wm-tabbar-item-opacity);
-    margin-bottom: var(--wm-tabbar-item-margin-bottom);
-    border-radius: var(--wm-tabbar-item-border-radius);
-    background-color: var(--wm-tabbar-item-background-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: auto;
-    padding-top: var(--wm-spacer-1);
-    padding-bottom: var(--wm-spacer-1);
-}
-
-.app-tabbar-item-icon .app-icon {
-    border-bottom-color: var(--wm-tabbar-icon-border-bottom-color);
-    padding-bottom: var(--wm-tabbar-icon-padding-bottom);
-}
-
-.app-tabbar-item-icon .app-icon-shape {
-    color: var(--wm-tabbar-icon-color);
-    font-size: var(--wm-tabbar-icon-size);
-    padding-right: var(--wm-tabbar-icon-padding-right);
-}
-
-.app-tabbar-active-icon .app-icon-shape {
-    color: var(--wm-tabbar-icon-color);
-}
-
-.app-tabbar-item-label {
-    color: var(--wm-tabbar-text-color);
-    font-size: var(--wm-tabbar-text-font-size);
-    font-family: var(--wm-tabbar-text-font-family);
-    font-weight: var(--wm-tabbar-text-font-weight);
-    margin-top: var(--wm-tabbar-text-margin-top);
-
-}
-
-.app-tabbar-active-label {
-    font-weight: var(--wm-tabbar-text-font-weight);
-    color: var(--wm-tabbar-text-color);
-}
-@import (optional) url('../variables/tabbar.variant.less');

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

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

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

@@ -1,6 +0,0 @@
-
-.app-prefab {
-}
-
-.app-prefab-skeleton {
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/advanced/carousel.less

@@ -1,73 +0,0 @@
-.carousel-control {
-    background-color: var(--wm-carousel-navigation-arrows-background);
-}
-
-.app-carousel .carousel-control .wi-chevron-right {
-    position: relative;
-    margin-top: var(--wm-space-0);
-    top: var(--wm-space-0);
-    right: var(--wm-space-0);
-    left: var(--wm-space-0);
-    opacity: var(--wm-space-1);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-}
-
-.wi-chevron-right:before {
-    font-size: var(--wm-carousel-navigation-arrows-font-size);
-    color: var(--wm-carousel-navigation-arrows-color);
-}
-
-.app-carousel .carousel-control .wi-chevron-left {
-    position: relative;
-    margin-top: var(--wm-space-0);
-    top: var(--wm-space-0);
-    right: var(--wm-space-0);
-    left: var(--wm-space-0);
-    opacity: var(--wm-space-1);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-}
-
-.wi-chevron-left:before {
-    font-size: var(--wm-carousel-navigation-arrows-font-size);
-    color: var(--wm-carousel-navigation-arrows-color);
-}
-
-.carousel-control.right {
-    top: 50%;
-    opacity: 1;
-    border-style: solid;
-    margin-right: var(--wm-carousel-navigation-arrows-margin-left);
-    background-color: var(--wm-carousel-navigation-arrows-background);
-    ripple-color: var(--wm-carousel-navigation-arrows-ripple-color);
-    border-radius: var(--wm-carousel-navigation-arrows-border-radius);
-    width: var(--wm-carousel-navigation-arrows-width);
-    height: var(--wm-carousel-navigation-arrows-height);
-    border-color: var(--wm-carousel-navigation-arrows-border-color);
-    border-width: var(--wm-carousel-navigation-arrows-border-width);
-}
-
-.carousel-control.left {
-    top: 50%;
-    opacity: 1;
-    border-style: solid;
-    margin-left: var(--wm-carousel-navigation-arrows-margin-left);
-    background-color: var(--wm-carousel-navigation-arrows-background);
-    ripple-color: var(--wm-carousel-navigation-arrows-ripple-color);
-    border-radius: var(--wm-carousel-navigation-arrows-border-radius);
-    width: var(--wm-carousel-navigation-arrows-width);
-    height: var(--wm-carousel-navigation-arrows-height);
-    border-color: var(--wm-carousel-navigation-arrows-border-color);
-    border-width: var(--wm-carousel-navigation-arrows-border-width);
-}
-
-.app-carousel .carousel-indicators li {
-    border-color: var(--wm-carousel-dots-border-color);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/advanced/login.less

@@ -1,9 +0,0 @@
-.app-form {
-    &.app-login {
-        background-color: transparent;
-        padding-top: var(--wm-login-form-padding-top);
-        padding-right: var(--wm-login-form-padding-right);
-        padding-bottom: var(--wm-login-form-padding-bottom);
-        padding-left: var(--wm-login-form-padding-left);
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/advanced/styles.less

@@ -1,2 +0,0 @@
-@import url('./carousel.less');
-@import url('./login.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/anchor.less

@@ -1,16 +0,0 @@
-.app-anchor {
-    align-items: center;
-    justify-content: center;
-    .badge {
-        float: none !important;
-        right: 0;
-        top: -12px;
-        position: relative;
-    }
-    .app-icon {
-        font-size: var(--wm-anchor-icon-size);
-    }
-    .anchor-caption {
-        font-size: var(--wm-anchor-font-size);
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/button-group.less

@@ -1,45 +0,0 @@
-/* Button Group component styles and tokens */
-@import (optional) url('../../../../components/basic/button-group.less');
-@import (optional) url('../../../../generated/variables/mobile/components/button-group.variant.less');
-
-.app-button-group {
-    display: inline-flex;
-    border-width: 0px;
-    border-radius: var(--wm-button-group-radius);
-
-    .btn {
-      border-radius: 0;
-      background-color: var(--wm-btn-background);
-
-      &:first-of-type {
-        border-top-left-radius: var(--wm-button-group-radius);
-        border-bottom-left-radius: var(--wm-button-group-radius);
-      }
-
-      &:last-of-type {
-        border-top-right-radius: var(--wm-button-group-radius);
-        border-bottom-right-radius: var(--wm-button-group-radius);
-      }
-    }
-
-    &.btn-group-vertical {
-      flex-direction: column;
-
-      .btn {
-        border-radius: 0;
-        width: 100%;
-
-        &:first-of-type {
-          border-top-left-radius: var(--wm-button-group-radius);
-          border-top-right-radius: var(--wm-button-group-radius);
-          border-bottom-left-radius: 0;
-        }
-
-        &:last-of-type {
-          border-top-right-radius: 0;
-          border-bottom-left-radius: var(--wm-button-group-radius);
-          border-bottom-right-radius: var(--wm-button-group-radius);
-        }
-      }
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/button.less

@@ -1,21 +0,0 @@
-.app-button {
-    width: auto;
-    align-self: flex-start;
-    .app-icon {
-        font-size: var(--wm-btn-icon-size);
-    }
-    .btn-caption {
-        font-weight: var(--wm-btn-font-weight);
-        font-size: var(--wm-btn-font-size);
-        text-transform: capitalize;
-        &:empty {
-            display: none;
-        }
-    }
-    .badge {
-        border: 1px solid #000;
-        top: -8px;
-        margin-left: -8px;
-        right: initial;
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/icon.less

@@ -1,21 +0,0 @@
-.app-icon,
-.app-icon-wrapper {
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  gap: var(--wm-icon-gap);
-  font-style: normal;
-  color: var(--wm-icon-color);
-  i {
-    font-style: normal;
-  }
-}
-.app-icon {
-  font-size: var(--wm-icon-font-size);
-  min-width: var(--wm-icon-min-width);
-  width: var(--wm-icon-width);
-  height: var(--wm-icon-height);
-}
-

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/label.less

@@ -1,28 +0,0 @@
-.app-label {
-    &.h1,
-    &.h2,
-    &.h3,
-    &.h4,
-    &.h5,
-    &.h6 {
-        padding-left: var(--wm-label-padding-left);
-        padding-right: var(--wm-label-padding-right);
-        padding-top: var(--wm-label-padding-top);
-        padding-bottom: var(--wm-label-padding-bottom);
-        margin: var(--wm-label-margin);
-    }
-    border-radius: var(--wm-label-border-radius);
-
-    &.label-primary,
-    &.label-danger,
-    &.label-default,
-    &.label-success,
-    &.label-warning,
-    &.label-info {
-        padding-top: var(--wm-label-padding-top);
-        padding-bottom: var(--wm-label-padding-bottom);
-        padding-left: var(--wm-label-padding-left);
-        padding-right: var(--wm-label-padding-right);
-        margin: var(--wm-label-margin);
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/message.less

@@ -1,70 +0,0 @@
-.app-message {
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-
-  .close {
-    position: inherit;
-    top: 3px;
-  }
-
-  span {
-    flex: 1;
-  }
-
-  .icon {
-    font-size: var(--wm-message-icon-size);
-  }
-
-  div:nth-child(2) {
-    flex: 1;
-    padding-left: 16px;
-  }
-
-  button.close {
-   // color: var(--wm-message-color); //TODO Button color missing
-    opacity: 1;
-    text-shadow: none;
-    padding-left: var(--wm-message-close-btn-padding-left);
-    padding-right: var(--wm-message-close-btn-padding-right);
-    border-radius: var(--wm-message-close-btn-border-radius);
-    border-color: var(--wm-message-close-btn-border-color) !important;
-    background-color: var(--wm-message-close-btn-background-color) !important;
-    ripple-color:var(--wm-message-close-btn-ripple-color) !important;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    top: 0;
-  }
-}
-
-.wm-app .app-message > span {
-    flex: 1;
-}
-
-.wm-app .app-message.alert-success .icon::before {
-  content: "\f00c";
-  font-size: var(--wm-message-icon-size);
-  color:var(--wm-message-color);
-}
-.wm-app .app-message.alert-info .icon::before {
-  content: "\f05a";
-  font-size: var(--wm-message-icon-size);
-  color:var(--wm-message-color);
-}
-.wm-app .app-message.alert-warning .icon::before {
-  content: "\f0a2";
-  font-size: var(--wm-message-icon-size);
-  color:var(--wm-message-color);
-}
-.wm-app .app-message.alert-error .icon::before {
-  content: "\f00d";
-  font-size: var(--wm-message-icon-size);
-  color:var(--wm-message-color);
-}
-.wm-app .app-message.alert-loading .icon::before {
-  content: "\f110";
-  font-size: var(--wm-message-icon-size);
-  color:var(--wm-message-color);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/picture.less

@@ -1,4 +0,0 @@
-.img-thumbnail.app-picture {
-  background-color: var(--wm-picture-background);
-  border-color: var(--wm-picture-border-color);
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/progress-bar.less

@@ -1,6 +0,0 @@
-.app-progress {
-
-    &-label {
-        display: none;
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/progress-circle.less

@@ -1,9 +0,0 @@
-.app-progress.circle {
-    background-color: transparent;
-    width: var(--wm-progress-circle-width) !important;
-    height: var(--wm-progress-circle-height) !important;
-    path {
-        stroke-linecap: butt;
-        stroke-width: 16px;
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/search.less

@@ -1,31 +0,0 @@
-.app-search {
-    .app-textbox {
-        border-top-left-radius: 0px;
-        border-bottom-left-radius: 0px;
-        font-size: 16px;
-        border-width: var(--wm-search-border-width);
-        border-right-width: 0;
-        padding: 8px 12px;
-        border-radius: 0px;
-    }
-    &[type="autocomplete"]>input.app-textbox {
-        border-right-width: var(--wm-search-border-width);
-        border-radius: var(--wm-search-border-radius);
-    }
-    .input-group-addon {
-        height: var(--wm-search-height);
-        ripple-color: var(--wm-search-btn-ripple-color);
-        background-color: var(--wm-search-btn-background-color);
-        border-top-right-radius: var(--wm-search-border-radius);
-        border-bottom-right-radius: var(--wm-search-border-radius);
-        border-color: var(--wm-search-border-color);
-        border-width: var(--wm-search-border-width);
-        border-style: solid;
-        border-left-width: 0;
-    }
-    
-    &-button>i.app-icon.app-icon {
-        color: var(--wm-search-btn-icon-color);
-        font-size: var(--wm-search-btn-icon-size);
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/spinner.less

@@ -1,6 +0,0 @@
-.app-spinner {
-    .spinner-message {
-        background-color: inherit;
-        border-color: transparent;
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/styles.less

@@ -1,11 +0,0 @@
-@import url('./anchor.less');
-@import url('./button.less');
-@import url('./button-group.less');
-@import url('./icon.less');
-@import url('./label.less');
-@import url('./message.less');
-@import url('./picture.less');
-@import url('./progress-bar.less');
-@import url('./progress-circle.less');
-@import url('./search.less');
-@import url('./spinner.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/accordion.less

@@ -1,26 +0,0 @@
-.app-accordion{
-    .panel-heading {
-        border-bottom-width: var(--wm-accordion-header-border-bottom-width);
-        display: flex;
-        flex-direction: row;
-        align-self: center;
-        .panel-title {
-            flex: 1;
-            align-self: center;
-        }
-        .panel-actions {
-            top: auto;
-            right: auto;
-            position: static;
-            .label {
-                border-style: solid;
-            }
-            .badge {
-                line-height: var(--wm-accordion-badge-height);
-            }
-        }
-    }
-    .panel-body {
-        padding: 0px;
-    }
-}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/container.less

@@ -1,18 +0,0 @@
-.app-page-content .app-default-container {
-          border: 1px dotted rgba(168, 168, 168, .4) !important; 
- }
-
- .app-container{
-    border-style: var(--wm-container-border-style);
-    box-shadow: var(--wm-container-box-shadow);
-    background-color: var(--wm-container-background-color);
-    padding-right: var(--wm-container-padding-right);
-    padding-left: var(--wm-container-padding-left);
-    padding-bottom: var(--wm-container-padding-bottom);
-    padding-top: var(--wm-container-padding-top);
-
-    border-radius: var(--wm-container-border-radius);
-    border-width: var(--wm-container-border-width);
-    border-color: var(--wm-container-border-color);
-    opacity: var(--wm-container-opacity);
- }

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/grid.less

@@ -1,8 +0,0 @@
-.app-grid-layout {
-    .table-header-row .app-label {
-        font-weight: bold;
-    }
-    .app-grid-column {
-        background-color: transparent;
-    }
-}