@wavemaker/rn-codegen 12.0.0-next.46502 → 12.0.0-next.47810

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

@@ -0,0 +1,26 @@
+
+.app-rating {
+    padding: var(--wm-rating-container-padding);
+}
+
+.app-rating-text {
+    padding-left: var(--wm-rating-container-padding);
+}
+
+.app-rating-icon {
+    font-size: var(--wm-rating-icon-font-size);
+    width: var(--wm-rating-icon-size);
+    height: var(--wm-rating-icon-size);
+    opacity:  var(--wm-rating-icon-opacity-inactive);
+    gap: var(--wm-icon-gap);
+    color: var(--wm-rating-icon-text-color);
+}
+
+.app-rating-selected-icon {
+    font-size: var(--wm-rating-icon-font-size);
+    width: var(--wm-rating-icon-size);
+    height: var(--wm-rating-icon-size);
+    color: var(--wm-rating-icon-color-active);
+    opacity: var(--wm-rating-icon-opacity-active);
+    gap: var(--wm-icon-gap);
+}

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

@@ -0,0 +1,75 @@
+
+.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 {
+    padding-horizontal: var(--wm-space-4);
+    padding-vertical: var(--wm-space-2);
+    border-bottom-style: var(--wm-border-style);
+}
+
+.app-select-item-text {
+    font-size: var(--wm-label-large-font-size);
+    font-family: var(--wm-font-family-plain);
+    color: var(--wm-select-item-text-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 {
+}
+
+.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 {
+}

package/src/templates/foundation-theme/build/android/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: var(--wm-slider-thumb-left);
+    top: var(--wm-slider-thumb-top);
+    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/build/android/wavemaker/design-tokens/input/switch.less

@@ -0,0 +1,19 @@
+@import (optional) url('../variables/switch.variant.less');
+
+.app-switch-btn {
+  border-color: var(--wm-switch-button-border-color);
+  background-color: var(--wm-switch-button-background-color);
+}
+
+.app-switch-btn-text {
+  font-size: var(--wm-switch-button-font-size);
+  color: var(--wm-switch-button-color);
+  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);
+}

package/src/templates/foundation-theme/build/android/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-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/build/android/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);
+    min-height: var(--wm-text-area-min-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/build/android/wavemaker/design-tokens/input/toggle.less

@@ -0,0 +1,15 @@
+@import url('../variables/toggle.variant.less');
+
+.app-toggle-off.root{
+    border-color: var(--wm-toggle-border-color);
+    background-color: var(--wm-toggle-background-color);
+}
+.app-toggle-off.handle{
+    background-color: var(--wm-toggle-handle-color);
+}
+.app-toggle-on.root{
+    background-color: var(--wm-toggle-background-color);
+}
+.app-toggle-on.handle{
+    background-color: var(--wm-toggle-handle-color);
+}

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

@@ -0,0 +1,66 @@
+
+.app-appnavbar {
+}
+
+.app-appnavbar-action {
+}
+
+.app-appnavbar-left-section {
+}
+
+.app-appnavbar-middle-section {
+}
+
+.app-appnavbar-right-section {
+}
+
+.app-appnavbar-left-icon {
+}
+
+.app-appnavbar-left-icon .app-icon {
+}
+
+.app-appnavbar-back-icon {
+}
+
+.app-appnavbar-back-icon .app-icon {
+}
+
+.app-appnavbar-image {
+}
+
+.app-appnavbar-content {
+}
+
+.app-appnavbar-badge {
+}
+
+.navbar-anchor {
+}
+
+.navbar-anchor-text {
+}
+
+.navbar-anchor-icon {
+}
+
+.navbar-button-icon {
+}
+
+.navbar-button-text {
+}
+
+.navbarMenu.app-menu-trigger {
+}
+
+.navbarMenu.app-menu-trigger .app-anchor-icon .app-icon {
+}
+
+.navbarMenu.app-menu-trigger .app-anchor-text {
+}
+
+.navbarPopover.app-popover-link .app-anchor-icon .app-icon {
+}
+
+.navbarPopover.app-popover-link .app-anchor-text {
+}

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

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

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

@@ -0,0 +1,52 @@
+
+.app-menu {
+  background-color: var(--wm-dropdown-menu-background);
+}
+
+.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-icon-size); 
+}
+
+.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/build/android/wavemaker/design-tokens/navigation/navbar.less

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

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

@@ -0,0 +1,74 @@
+
+.app-navitem {
+    background-color: var(--wm-nav-item-background);
+    min-height: var(--wm-nav-item-min-height);
+}
+
+.app-navitem-anchor {
+    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);
+}
+
+.app-navitem-anchor .app-navitem {
+    padding: var(--wm-nav-item-root-padding);
+}
+
+.app-navitem-anchor .app-anchor-text {
+    color:  var(--wm-nav-item-text-color);
+    font-family: var(--wm-nav-item-text-font-family);
+    line-height: var(--wm-nav-item-text-line-height);
+    font-size: var(--wm-nav-item-text-font-size);
+    font-weight: var(--wm-nav-item-text-font-weight);
+}
+
+.app-navitem-anchor .app-anchor-icon .app-anchor-text {
+    color: var(--wm-nav-item-text-color);
+    font-size: var(--wm-nav-item-icon-font-size);
+}
+
+.app-navitem-caret {
+    color: var(--wm-nav-item-color);
+}
+
+.app-navitem-caret .app-icon-text {
+    color: var(--wm-nav-item-color);
+}
+
+.app-navitem-caret .app-navitem {
+    padding-right: var(--wm-nav-item-caret-icon-padding-right);
+}
+
+.app-navitem-active.app-navitem {
+    background-color: var(--wm-nav-item-background-selected);
+}
+
+.app-navitem-active.app-navitem-anchor .root {
+}
+
+.app-navitem-active.app-navitem-anchor .app-anchor-text {
+    color: var(--wm-nav-item-color-selected);
+    font-family: var(--wm-nav-item-text-active-font-family);
+    line-height: var(--wm-nav-item-text-active-line-height);
+    font-size: var(--wm-nav-item-text-active-font-size);
+    font-weight: var(--wm-nav-item-text-active-font-weight);
+}
+
+.app-navitem-active.app-navitem-anchor .app-anchor-icon .app-icon-shape {
+    color: var(--wm-nav-item-color-selected);
+}
+
+.app-navitem-child.app-navitem {
+    background-color: var(--wm-nav-item-background);
+}
+
+.app-navitem-child.app-navitem-anchor .app-anchor-text {
+    color: var(--wm-nav-item-color);
+}
+
+.app-navitem-child.app-navitem-anchor .app-anchor-icon .app-icon-shape {
+    color: var(--wm-nav-item-color);
+}

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

@@ -0,0 +1,36 @@
+.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);
+    elevation: 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);
+}
+
+//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.
+

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

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

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

@@ -0,0 +1,3 @@
+
+.app-left-panel {
+}

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

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

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

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

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

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

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

@@ -0,0 +1,73 @@
+
+.app-tabbar {
+    height: var(--wm-tabbar-height);
+    elevation: var(--wm-tabbar-elevation);
+}
+
+.app-tabbar-menu {
+    background-color: var(--wm-tabbar-menu-background);
+}
+
+.app-tabbar-more-menu {
+}
+
+.app-tabbar-more-menu-row {
+}
+
+.app-tabbar-item {
+    min-height: var(--wm-nav-tabs-item-min-height);
+    min-width: var(--wm-tabbar-item-min-width);
+    margin-bottom: var(--wm-tabbar-item-margin-bottom);
+}
+
+.app-tabbar-active-item {
+    border-radius: var(--wm-tabbar-active-item-radius);
+    background-color: var(--wm-tabbar-active-item-background);
+}
+
+.app-tabbar-center-hub-item {
+}
+
+.app-tabbar-center-hub-icon {
+}
+
+.app-tabbar-center-hub-label {
+}
+
+.app-tabbar-item-icon {
+}
+
+.app-tabbar-item-icon .app-icon {
+    border-bottom-color: var(--wm-tabbar-icon-border-btm-color);
+    padding-bottom: var(--wm-tabbar-icon-padding-btm);
+}
+
+.app-tabbar-item-icon .app-icon-shape {
+    color: var(--wm-tabbar-icon-color);
+    font-size: var(--wm-tabbar-icon-size);
+}
+
+.app-tabbar-active-icon .app-icon{
+    color: var(--wm-tabbar-active-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-active-text-font-weight);
+    color: var(--wm-tabbar-active-text-color);
+}
+
+.app-tabbar-active-icon.icon {}
+
+.app-tabbar-item-icon.icon {
+    color: var(--wm-tabbar-icon-color);
+}

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

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

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

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