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

package/src/templates/foundation-theme/wavemaker/components/container/panel.less

@@ -1,230 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of panel widget.
-***********************************************************************************/
-.app-panel {
-    background-color: @panelBgColor;
-}
-
-
-/**********************************************************************************
-To style the title of panel widget.
-***********************************************************************************/
-.app-panel-title {
-    color: @panelHeaderTextColor;
-}
-
-
-/**********************************************************************************
-To style the header of panel widget.
-***********************************************************************************/
-.app-panel-header {
-    background-color: @panelHeaderBgColor;
-    border-color: @panelHeaderBgColor;
-}
-
-
-/**********************************************************************************
-To style the subtitle of panel widget.
-***********************************************************************************/
-.app-panel-sub-title {
-}
-
-
-/**********************************************************************************
-To style the icon of panel widget.
-***********************************************************************************/
-.app-panel-icon {
-}
-
-
-/**********************************************************************************
-To style the expand/collapse icon of panel widget.
-***********************************************************************************/
-.app-panel-toggle-icon {
-}
-
-
-/**********************************************************************************
-To style the badge of panel widget.
-***********************************************************************************/
-.app-panel-badge {
-    color: @badgeTextColor;
-}
-
-
-/**********************************************************************************
-To style the default label
-***********************************************************************************/
-.app-panel-default-badge {
-    background-color: @labelDefaultColor;
-    color: @defaultColorF;
-}
-
-
-/**********************************************************************************
-To style the danger label
-***********************************************************************************/
-.app-panel-danger-badge {
-    background-color: @labelDangerColor;
-    color: @defaultColorF;
-}
-
-
-/**********************************************************************************
-To style the success label
-***********************************************************************************/
-.app-panel-success-badge {
-    background-color: @labelSuccessColor;
-    color: @defaultColorF;
-}
-
-
-/**********************************************************************************
-To style the warning label
-***********************************************************************************/
-.app-panel-warning-badge {
-    background-color: @labelWarningColor;
-    color: @defaultColorF;
-}
-
-
-/**********************************************************************************
-To style the info label
-***********************************************************************************/
-.app-panel-info-badge {
-    background-color: @labelInfoColor;
-    color: @defaultColorF;
-}
-
-
-.app-panel-primary-badge {
-    background-color: @labelPrimaryColor;
-    color: @defaultColorF;
-}
-
-
-.panel-default.app-panel-header {
-    background-color: @panelDefaultColor;
-}
-
-
-.panel-default.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-default.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-default.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-
-.panel-danger.app-panel-header {
-    background-color: @panelDangerColor;
-}
-
-
-.panel-danger.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-danger.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-danger.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-
-.panel-success.app-panel-header {
-    background-color: @panelSuccessColor;
-}
-
-
-.panel-success.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-success.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-success.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-
-.panel-warning.app-panel-header {
-    background-color: @panelWarningColor;
-}
-
-
-.panel-warning.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-warning.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-warning.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-
-.panel-info.app-panel-header {
-    background-color: @panelInfoColor;
-}
-
-
-.panel-info.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-info.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-info.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-
-.panel-primary.app-panel-header {
-    background-color: @panelPrimaryColor;
-}
-
-
-.panel-primary.app-panel-title {
-    color: @panelTextColor;
-}
-
-
-.panel-primary.app-panel-sub-title {
-    color: @panelTextColor;
-}
-
-
-.panel-primary.app-panel-icon .app-icon-text {
-    color: @panelTextColor;
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/container/panel.less');
-@import (optional) url('../../../custom/components/container/panel.less');
-@import (optional) url('../../../custom/os/components/container/panel.less');

package/src/templates/foundation-theme/wavemaker/components/container/tabs/tab-header.less

@@ -1,87 +0,0 @@
-@import url('../../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of tab header.
-***********************************************************************************/
-.app-tabheader {
-    background-color: @tabHeaderBgColor;
-}
-
-
-.app-tabheader-text {
-}
-
-
-/**********************************************************************************
-To style individual header.
-***********************************************************************************/
-.app-tabheader-item {
-}
-
-
-/**********************************************************************************
-To style individual header title.
-***********************************************************************************/
-.app-tabheader-item-text {
-    color: @tabHeaderTextColor;
-}
-
-
-.app-tabheader-item-icon {
-}
-
-
-/**********************************************************************************
-To style active header.
-***********************************************************************************/
-.app-tabheader-active-item {
-    background-color: @tabActiveHeaderBgColor;
-}
-
-
-/**********************************************************************************
-To style active header title.
-***********************************************************************************/
-.app-tabheader-active-item-text {
-    color: @tabActiveHeaderTextColor;
-}
-
-
-.app-tabheader-active-item-icon {
-}
-
-
-/**********************************************************************************
-To style the indicator shown below active header.
-***********************************************************************************/
-.app-tabheader-active-indicator {
-    background-color: @tabActiveIndicatorBgColor;
-}
-
-
-/**********************************************************************************
-To style the arrow indicator.
-***********************************************************************************/
-.app-tabheader-arrow-indicator {
-    background-color: @tabActiveHeaderBgColor;
-}
-
-
-/**********************************************************************************
-To style the dot in the middle of arrow indicator.
-***********************************************************************************/
-.app-tabheader-arrow-indicator-dot {
-    background-color: @tabActiveHeaderBgColor;
-}
-
-
-/**********************************************************************************
-To style the skeleton of tab header widget.
-***********************************************************************************/
-.app-tabheader-skeleton {
-}
-
-@import (optional) url('../../../../wavemaker/design-tokens/container/tabs/tab-header.less');
-@import (optional) url('../../../../custom/components/container/tabs/tab-header.less');
-@import (optional) url('../../../../custom/os/components/container/tabs/tab-header.less');

package/src/templates/foundation-theme/wavemaker/components/container/tabs/tabpane.less

@@ -1,13 +0,0 @@
-@import url('../../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of tab-pane.
-***********************************************************************************/
-.app-tabpane {
-    background-color: @tabContentBgColor;
-}
-
-@import (optional) url('../../../../wavemaker/design-tokens/container/tabs/tabpane.less');
-@import (optional) url('../../../../custom/components/container/tabs/tabpane.less');
-@import (optional) url('../../../../custom/os/components/container/tabs/tabpane.less');

package/src/templates/foundation-theme/wavemaker/components/container/tabs.less

@@ -1,35 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of tabs widget.
-***********************************************************************************/
-.app-tabs {
-    border-color: @tabBorderColor;
-}
-
-
-.app-tabs-text {
-}
-
-
-/**********************************************************************************
-To style the header container of tabs widget.
-***********************************************************************************/
-.app-tabs-header {
-}
-
-
-/**********************************************************************************
-To style the container of tab panes.
-***********************************************************************************/
-.app-tabs-content {
-}
-
-
-.app-tabs-tabheaderdivider {
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/container/tabs.less');
-@import (optional) url('../../../custom/components/container/tabs.less');
-@import (optional) url('../../../custom/os/components/container/tabs.less');

package/src/templates/foundation-theme/wavemaker/components/container/tile.less

@@ -1,95 +0,0 @@
-@import url('../../variables.less');
-
-
-/**********************************************************************************
-To style the outermost wrapper element of tile widget.
-***********************************************************************************/
-.app-tile {
-}
-
-
-/**********************************************************************************
-To style the skeleton of the tile widget.
-***********************************************************************************/
-.app-tile-skeleton {
-}
-
-
-.bg-danger.app-tile {
-    background-color: @tileDangerColor;
-}
-
-
-.bg-info.app-tile {
-    background-color: @tileInfoColor;
-}
-
-
-.bg-primary.app-tile {
-    background-color: @tilePrimaryColor;
-}
-
-
-.bg-success.app-tile {
-    background-color: @tileSuccessColor;
-}
-
-
-.bg-warning.app-tile {
-    background-color: @tileWarningColor;
-}
-
-
-.bg-default.app-tile {
-    background-color: var(--wm-tile-background);
-}
-
-
-.bg-danger.app-tile {
-    background-color: var(--wm-tile-filled-danger-background);
-}
-
-
-.bg-info.app-tile {
-    background-color: var(--wm-tile-filled-info-background);
-}
-
-
-.bg-primary.app-tile {
-    background-color: var(--wm-tile-filled-primary-background);
-}
-
-
-.bg-secondary.app-tile {
-    background-color: var(--wm-tile-filled-secondary-background);
-}
-
-
-.bg-tertiary.app-tile {
-    background-color: var(--wm-tile-filled-tertiary-background);
-}
-
-
-.bg-success.app-tile {
-    background-color: var(--wm-tile-filled-success-background);
-}
-
-
-.bg-warning.app-tile {
-    background-color: var(--wm-tile-filled-warning-background);
-}
-
-
-.well.app-tile {
-    background-color: @tileWellbgColor;
-    border-color: @tileWellBorderColor;
-}
-
-
-.tile-template-text {
-    color: @primaryContrastColor;
-}
-
-@import (optional) url('../../../wavemaker/design-tokens/container/tile.less');
-@import (optional) url('../../../custom/components/container/tile.less');
-@import (optional) url('../../../custom/os/components/container/tile.less');

package/src/templates/foundation-theme/wavemaker/components/container/wizard/wizardstep.less

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