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

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

@@ -0,0 +1,150 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of app navbar.
+***********************************************************************************/
+.app-appnavbar {
+    background-color: @navbarBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the action of app navbar.
+***********************************************************************************/
+.app-appnavbar-action {
+}
+
+
+/**********************************************************************************
+To style the left section of app navbar.
+***********************************************************************************/
+.app-appnavbar-left-section {
+}
+
+
+/**********************************************************************************
+To style the middle section of app navbar.
+***********************************************************************************/
+.app-appnavbar-middle-section {
+}
+
+
+/**********************************************************************************
+To style the right section of app navbar.
+***********************************************************************************/
+.app-appnavbar-right-section {
+}
+
+
+/**********************************************************************************
+To style the left nav icon of app navbar.
+***********************************************************************************/
+.app-appnavbar-left-icon {
+}
+
+
+.app-appnavbar-left-icon .app-icon {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+
+/**********************************************************************************
+To style the back icon of app navbar.
+***********************************************************************************/
+.app-appnavbar-back-icon {
+}
+
+
+.app-appnavbar-back-icon .app-icon {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+
+/**********************************************************************************
+To style the image of app navbar.
+***********************************************************************************/
+.app-appnavbar-image {
+    width: @navbarImageSize;
+    height: @navbarImageSize;
+}
+
+
+/**********************************************************************************
+To style the content of app navbar.
+***********************************************************************************/
+.app-appnavbar-content {
+    color: @navbarTextColor;
+    font-size: unit(@navbarFontSize, px);
+}
+
+
+/**********************************************************************************
+To style the badge of app navbar.
+***********************************************************************************/
+.app-appnavbar-badge {
+    background-color: @titleBadgeBackgroundColor;
+    color: @titleBadgeTextColor;
+}
+
+
+/**********************************************************************************
+To style the anchor in app nav bar.
+***********************************************************************************/
+.navbar-anchor {
+}
+
+
+.navbar-anchor-text {
+    color: @navbarTextColor;
+}
+
+
+.navbar-anchor-icon {
+    color: @navbarTextColor;
+}
+
+
+.navbar-button-icon {
+    color: @navbarTextColor;
+}
+
+
+.navbar-button-text {
+    color: @navbarTextColor;
+}
+
+
+.navbarMenu.app-menu-trigger {
+    background-color: transparent;
+}
+
+
+.navbarMenu.app-menu-trigger .app-anchor-icon .app-icon {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+
+.navbarMenu.app-menu-trigger .app-anchor-text {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+
+.navbarPopover.app-popover-link .app-anchor-icon .app-icon {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+
+.navbarPopover.app-popover-link .app-anchor-text {
+    font-size: @navbarIconSize;
+    color: @navbarTextColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/appnavbar.less');
+@import (optional) url('../../../custom/components/navigation/appnavbar.less');
+@import (optional) url('../../../custom/os/components/navigation/appnavbar.less');

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

@@ -0,0 +1,9 @@
+@import url('../../variables.less');
+
+
+.app-basenav {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/basenav.less');
+@import (optional) url('../../../custom/components/navigation/basenav.less');
+@import (optional) url('../../../custom/os/components/navigation/basenav.less');

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

@@ -0,0 +1,64 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of menu widget.
+***********************************************************************************/
+.app-menu {
+    background-color: @popoverBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the link of menu widget.
+***********************************************************************************/
+.app-menu-trigger {
+}
+
+
+.app-menu-link-text {
+}
+
+
+.app-menu-trigger .app-anchor-icon .app-icon {
+    color: @menuIconColor;
+}
+
+
+.app-menu-trigger .app-anchor-text {
+    color: @menuTextColor;
+}
+
+
+/**********************************************************************************
+To style the content of menu widget.
+***********************************************************************************/
+.app-menu-content {
+    background-color: @menuBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the item of menu widget.
+***********************************************************************************/
+.app-menu-item {
+}
+
+
+.app-menu-item .app-anchor {
+    border-bottom-color: @menuItemBorderColor;
+}
+
+
+.app-menu-item .app-anchor-icon .app-icon-shape {
+    color: @menuItemIconColor;
+}
+
+
+.app-menu-item .app-anchor-text {
+    color: @menuItemTextColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/menu.less');
+@import (optional) url('../../../custom/components/navigation/menu.less');
+@import (optional) url('../../../custom/os/components/navigation/menu.less');

package/src/templates/foundation-theme/build/android/wavemaker/components/navigation/navbar.less

@@ -0,0 +1,26 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of navbar widget.
+***********************************************************************************/
+.app-navbar {
+}
+
+
+/**********************************************************************************
+To style the nav item wrapper element of navbar widget.
+***********************************************************************************/
+.app-navbar-item {
+}
+
+
+/**********************************************************************************
+To style the nav item of navbar widget.
+***********************************************************************************/
+.app-navbar-child-nav {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/navbar.less');
+@import (optional) url('../../../custom/components/navigation/navbar.less');
+@import (optional) url('../../../custom/os/components/navigation/navbar.less');

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

@@ -0,0 +1,83 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of navitem.
+***********************************************************************************/
+.app-navitem {
+    border-color: @navbarBorderColor;
+}
+
+
+/**********************************************************************************
+To style the anchor of navitem.
+***********************************************************************************/
+.app-navitem-anchor {
+}
+
+
+.app-navitem-anchor .app-navitem {
+}
+
+
+.app-navitem-anchor .app-anchor-text {
+}
+
+
+.app-navitem-anchor .app-anchor-icon .app-anchor-text {
+}
+
+
+/**********************************************************************************
+To style the caret icon of navitem.
+***********************************************************************************/
+.app-navitem-caret {
+}
+
+
+.app-navitem-caret .app-icon-text {
+    color: @navbarCaretColor;
+}
+
+
+.app-navitem-caret .app-navitem {
+}
+
+
+.app-navitem-active.app-navitem {
+    background-color: @navitemActiveBackgroundColor;
+}
+
+
+.app-navitem-active.app-navitem-anchor .root {
+    background-color: @navitemActiveBackgroundColor;
+}
+
+
+.app-navitem-active.app-navitem-anchor .app-anchor-text {
+    color: @navitemActiveTextColor;
+}
+
+
+.app-navitem-active.app-navitem-anchor .app-anchor-icon .app-icon-shape {
+    color: @navitemActiveIconColor;
+}
+
+
+.app-navitem-child.app-navitem {
+    background-color: @navitemChildBackgroundColor;
+}
+
+
+.app-navitem-child.app-navitem-anchor .app-anchor-text {
+    color: @navitemChildTextColor;
+}
+
+
+.app-navitem-child.app-navitem-anchor .app-anchor-icon .app-icon-shape {
+    color: @navitemChildIconColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/navitem.less');
+@import (optional) url('../../../custom/components/navigation/navitem.less');
+@import (optional) url('../../../custom/os/components/navigation/navitem.less');

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

@@ -0,0 +1,59 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the container of popover widget.
+***********************************************************************************/
+.app-popover {
+    background-color: @popoverBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the title of popover widget.
+***********************************************************************************/
+.app-popover-title {
+    background-color: @popoverTitleBackgroundColor;
+    color: @popoverTitleColor;
+}
+
+
+/**********************************************************************************
+To style the link of popover widget.
+***********************************************************************************/
+.app-popover-link {
+}
+
+
+/**********************************************************************************
+To style the content of popover widget.
+***********************************************************************************/
+.app-popover-content {
+}
+
+
+/**********************************************************************************
+To style the modal content of popover widget.
+***********************************************************************************/
+.app-popover-modal-content {
+}
+
+
+.app-popover-link .text {
+}
+
+
+.app-popover-action-sheet-popover {
+}
+
+
+.app-popover-action-sheet-modal {
+}
+
+
+.app-popover-action-sheet-modalContent {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/navigation/popover.less');
+@import (optional) url('../../../custom/components/navigation/popover.less');
+@import (optional) url('../../../custom/os/components/navigation/popover.less');

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

@@ -0,0 +1,12 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of content.
+***********************************************************************************/
+.app-content {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/content.less');
+@import (optional) url('../../../custom/components/page/content.less');
+@import (optional) url('../../../custom/os/components/page/content.less');

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

@@ -0,0 +1,12 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of left-panel.
+***********************************************************************************/
+.app-left-panel {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/left-panel.less');
+@import (optional) url('../../../custom/components/page/left-panel.less');
+@import (optional) url('../../../custom/os/components/page/left-panel.less');

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

@@ -0,0 +1,20 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of page-content.
+***********************************************************************************/
+.app-page-content {
+    background-color: @pageContentBgColor;
+}
+
+
+/**********************************************************************************
+To style the skeleton of the page content widget.
+***********************************************************************************/
+.app-page-content-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/page-content.less');
+@import (optional) url('../../../custom/components/page/page-content.less');
+@import (optional) url('../../../custom/os/components/page/page-content.less');

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

@@ -0,0 +1,12 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of partial container.
+***********************************************************************************/
+.app-partial-container {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/partial-container.less');
+@import (optional) url('../../../custom/components/page/partial-container.less');
+@import (optional) url('../../../custom/os/components/page/partial-container.less');

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

@@ -0,0 +1,16 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of partial.
+***********************************************************************************/
+.app-partial {
+}
+
+
+.app-partial-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/partial.less');
+@import (optional) url('../../../custom/components/page/partial.less');
+@import (optional) url('../../../custom/os/components/page/partial.less');

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

@@ -0,0 +1,108 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of tabbar.
+***********************************************************************************/
+.app-tabbar {
+}
+
+
+/**********************************************************************************
+To style the menu of tabbar.
+***********************************************************************************/
+.app-tabbar-menu {
+    background-color: @tabbarBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the more menu wrapper element of tabbar.
+***********************************************************************************/
+.app-tabbar-more-menu {
+    background-color: @tabbarBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the more menu row of tabbar.
+***********************************************************************************/
+.app-tabbar-more-menu-row {
+}
+
+
+/**********************************************************************************
+To style the tab item of tabbar.
+***********************************************************************************/
+.app-tabbar-item {
+}
+
+
+/**********************************************************************************
+To style the active tab item of tabbar.
+***********************************************************************************/
+.app-tabbar-active-item {
+}
+
+
+.app-tabbar-center-hub-item {
+}
+
+
+.app-tabbar-center-hub-icon {
+}
+
+
+.app-tabbar-center-hub-label {
+}
+
+
+/**********************************************************************************
+To style the tab item icon of tabbar.
+***********************************************************************************/
+.app-tabbar-item-icon {
+}
+
+
+/**********************************************************************************
+To style the active tab item icon of tabbar.
+***********************************************************************************/
+.app-tabbar-active-icon {
+}
+
+
+.app-tabbar-item-icon .app-icon-shape {
+    color: @tabbarIconColor;
+    border-bottom-color: @tabbarIconColor;
+}
+
+
+.app-tabbar-active-icon .app-icon-shape {
+}
+
+
+/**********************************************************************************
+To style the tab item label of tabbar.
+***********************************************************************************/
+.app-tabbar-item-label {
+    color: @tabbarIconColor;
+}
+
+
+/**********************************************************************************
+To style the active tab item label of tabbar.
+***********************************************************************************/
+.app-tabbar-active-label {
+}
+
+
+.app-tabbar-active-icon.icon {
+}
+
+
+.app-tabbar-item-icon.icon {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/page/tabbar.less');
+@import (optional) url('../../../custom/components/page/tabbar.less');
+@import (optional) url('../../../custom/os/components/page/tabbar.less');

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

@@ -0,0 +1,12 @@
+@import url('../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of page.
+***********************************************************************************/
+.app-page {
+}
+
+@import (optional) url('../../wavemaker/design-tokens/page.less');
+@import (optional) url('../../custom/components/page.less');
+@import (optional) url('../../custom/os/components/page.less');

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

@@ -0,0 +1,19 @@
+@import url('../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of prefab.
+***********************************************************************************/
+.app-prefab {
+}
+
+
+/**********************************************************************************
+To style the skeleton of the outermost wrapper element of the prefab.
+***********************************************************************************/
+.app-prefab-skeleton {
+}
+
+@import (optional) url('../../wavemaker/design-tokens/prefab.less');
+@import (optional) url('../../custom/components/prefab.less');
+@import (optional) url('../../custom/os/components/prefab.less');

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

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

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/advanced/carousel/carousel-template.less

@@ -0,0 +1,3 @@
+
+.app-carousel-template {
+}