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

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

@@ -1,108 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of text widget.
-***********************************************************************************/
-.app-text {
-    border-color: @inputBorderColor;
-    background-color: @inputBackgroundColor;
-}
-
-
-.app-text-text {
-}
-
-
-/**********************************************************************************
-To style the invalid state of text widget.
-***********************************************************************************/
-.app-text-invalid {
-    border-bottom-color: @inputInvalidBorderColor;
-}
-
-
-/**********************************************************************************
-To style the focused state of text widget.
-***********************************************************************************/
-.app-text-focused {
-    border-color: @inputFocusBorderColor;
-}
-
-
-.app-text-place-holder-text {
-}
-
-
-/**********************************************************************************
-To style the outermost wrapper element of text widget when it is disabled.
-***********************************************************************************/
-.app-text-disabled {
-}
-
-
-/**********************************************************************************
-To style the floating-label in text widget.
-***********************************************************************************/
-.app-text-flotaing-label {
-}
-
-
-/**********************************************************************************
-To style the floating-label when it is floating at top of text widget.
-***********************************************************************************/
-.app-text-active-flotaing-label {
-}
-
-
-.app-text-with-label.app-text-active-flotaing-label {
-}
-
-
-.app-text-with-label.app-text-flotaing-label {
-}
-
-
-.app-text-with-label.app-text {
-}
-
-
-/**********************************************************************************
-To style the skeleton of text widget.
-***********************************************************************************/
-.app-text-skeleton {
-}
-
-
-.app-input-invalid {
-    border-bottom-color: @inputInvalidBorderColor;
-}
-
-
-.app-invalid-focused {
-    border-color: @inputFocusBorderColor;
-}
-
-
-.app-input-disabled {
-}
-
-
-.app-input-flotaing-label {
-}
-
-
-.app-input-active-flotaing-label {
-}
-
-
-.app-input-with-label.app-input-active-flotaing-label {
-}
-
-
-.app-input-with-label.app-input-flotaing-label {
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/input/text.less');
-@import (optional) url('../../../custom/components/input/text.less');
-@import (optional) url('../../../custom/os/components/input/text.less');

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

@@ -1,82 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of textarea widget.
-***********************************************************************************/
-.app-textarea {
-    border-color: @inputBorderColor;
-    background-color: @inputBackgroundColor;
-}
-
-
-.app-textarea-text {
-}
-
-
-/**********************************************************************************
-To style the invalid state of textarea widget.
-***********************************************************************************/
-.app-textarea-invalid {
-    border-bottom-color: red;
-}
-
-
-/**********************************************************************************
-To style the focused state of textarea widget.
-***********************************************************************************/
-.app-textarea-focused {
-    border-color: @inputFocusBorderColor;
-}
-
-
-/**********************************************************************************
-To style the floating-label in text area widget.
-***********************************************************************************/
-.app-textarea-flotaing-label {
-}
-
-
-/**********************************************************************************
-To style the floating-label when it is floating at top of text area widget.
-***********************************************************************************/
-.app-textarea-active-flotaing-label {
-}
-
-
-.app-textarea-with-label.app-textarea-active-flotaing-label {
-}
-
-
-.app-textarea-with-label.app-textarea-flotaing-label {
-}
-
-
-.app-textarea-with-label.app-textarea-text {
-}
-
-
-/**********************************************************************************
-To style the placeholder text of textarea widget.
-***********************************************************************************/
-.app-textarea-placeholder {
-    color: @inputPlaceholderColor;
-}
-
-
-/**********************************************************************************
-To style the help text of textarea widget.
-***********************************************************************************/
-.app-textarea-help-text {
-}
-
-
-/**********************************************************************************
-To style the skeleton of textarea widget.
-***********************************************************************************/
-.app-textarea-skeleton {
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/input/textarea.less');
-@import (optional) url('../../../custom/components/input/textarea.less');
-@import (optional) url('../../../custom/os/components/input/textarea.less');

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

@@ -1,73 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of toggle widget.
-***********************************************************************************/
-.app-toggle {
-}
-
-
-/**********************************************************************************
-To style the toggle in on state.
-***********************************************************************************/
-.app-toggle-on {
-    background-color: @toggleOnColor;
-}
-
-
-/**********************************************************************************
-To style the toggle in off state.
-***********************************************************************************/
-.app-toggle-off {
-    background-color: @toggleOffColor;
-}
-
-
-.app-toggle-text {
-    color: @toggleHandleColor;
-}
-
-
-/**********************************************************************************
-To style the toggle handle.
-***********************************************************************************/
-.app-toggle-handle {
-    color: @toggleHandleColor;
-}
-
-
-.app-toggle-off.root {
-}
-
-
-.app-toggle-off.handle {
-}
-
-
-.app-toggle-on.root {
-}
-
-
-.app-toggle-on.handle {
-}
-
-
-/**********************************************************************************
-To style the toggle handle when toggle is in on state.
-***********************************************************************************/
-.app-toggle-handle-on {
-    background-color: @toggleHandleColor;
-}
-
-
-/**********************************************************************************
-To style the toggle handle when toggle is in off state.
-***********************************************************************************/
-.app-toggle-handle-off {
-    background-color: @toggleHandleDisableColor;
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/input/toggle.less');
-@import (optional) url('../../../custom/components/input/toggle.less');
-@import (optional) url('../../../custom/os/components/input/toggle.less');

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

@@ -1,150 +0,0 @@
-@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/wavemaker/components/navigation/basenav.less

@@ -1,9 +0,0 @@
-@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/wavemaker/components/navigation/menu.less

@@ -1,64 +0,0 @@
-@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/wavemaker/components/navigation/navbar.less

@@ -1,26 +0,0 @@
-@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/wavemaker/components/navigation/navitem.less

@@ -1,83 +0,0 @@
-@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/wavemaker/components/navigation/popover.less

@@ -1,43 +0,0 @@
-@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 {
-}
-
-@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/wavemaker/components/page/content.less

@@ -1,12 +0,0 @@
-@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/wavemaker/components/page/left-panel.less

@@ -1,12 +0,0 @@
-@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/wavemaker/components/page/page-content.less

@@ -1,20 +0,0 @@
-@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');