@wavemaker/rn-codegen 12.0.0-next.142013 → 12.0.0-next.28533

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic/progress-circle.less

@@ -0,0 +1,145 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of progress-circle widget.
+***********************************************************************************/
+.app-progress-circle {
+}
+
+
+/**********************************************************************************
+To style the title of progress-circle widget.
+***********************************************************************************/
+.app-progress-circle-text {
+}
+
+
+/**********************************************************************************
+To style the progress circle of progress-circle widget.
+***********************************************************************************/
+.app-progress-circle-bg {
+    background-color: fade(@progressCircleDefaultColor, 60%);
+    stroke: fade(@progressCircleDefaultColor, 60%);
+}
+
+
+/**********************************************************************************
+To style the value of progress-circle widget.
+***********************************************************************************/
+.app-progress-circle-value {
+    color: @progressCircleDefaultColor;
+    stroke: @progressCircleDefaultColor;
+}
+
+
+/**********************************************************************************
+To style the subtitle of progress-circle widget.
+***********************************************************************************/
+.app-progress-circle-subtitle {
+    color: @labelTextMutedColor;
+}
+
+
+.app-default-progress-circle.app-progress-circle-bg {
+    background-color: fade(@progressCircleDefaultColor, 60%);
+    stroke: fade(@progressCircleDefaultColor, 60%);
+}
+
+
+.app-default-progress-circle.app-progress-circle-value {
+    color: @progressCircleDefaultColor;
+    stroke: @progressCircleDefaultColor;
+}
+
+
+.app-success-progress-circle.app-progress-circle-bg {
+    background-color: fade(@progressCircleSuccessColor, 60%);
+    stroke: fade(@progressCircleSuccessColor, 60%);
+}
+
+
+.app-success-progress-circle.app-progress-circle-value {
+    color: @progressCircleSuccessColor;
+    stroke: @progressCircleSuccessColor;
+}
+
+
+.app-info-progress-circle.app-progress-circle-bg {
+    background-color: fade(@progressCircleInfoColor, 60%);
+    stroke: fade(@progressCircleInfoColor, 60%);
+}
+
+
+.app-info-progress-circle.app-progress-circle-value {
+    color: @progressCircleInfoColor;
+    stroke: @progressCircleInfoColor;
+}
+
+
+.app-danger-progress-circle.app-progress-circle-bg {
+    background-color: fade(@progressCircleDangerColor, 60%);
+    stroke: fade(@progressCircleDangerColor, 60%);
+}
+
+
+.app-danger-progress-circle.app-progress-circle-value {
+    color: @progressCircleDangerColor;
+    stroke: @progressCircleDangerColor;
+}
+
+
+.app-warning-progress-circle.app-progress-circle-bg {
+    background-color: fade(@progressCircleWarningColor, 60%);
+    stroke: fade(@progressCircleWarningColor, 60%);
+}
+
+
+.app-warning-progress-circle.app-progress-circle-value {
+    color: @progressCircleWarningColor;
+    stroke: @progressCircleWarningColor;
+}
+
+
+.app-default-progress-circle.app-progress-circle-bg {
+}
+
+
+.app-default-progress-circle.app-progress-circle-value {
+}
+
+
+.app-success-progress-circle.app-progress-circle-bg {
+}
+
+
+.app-success-progress-circle.app-progress-circle-value {
+}
+
+
+.app-info-progress-circle.app-progress-circle-bg {
+}
+
+
+.app-info-progress-circle.app-progress-circle-value {
+}
+
+
+.app-danger-progress-circle.app-progress-circle-bg {
+}
+
+
+.app-danger-progress-circle.app-progress-circle-value {
+}
+
+
+.app-warning-progress-circle.app-progress-circle-bg {
+}
+
+
+.app-warning-progress-circle.app-progress-circle-value {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/progress-circle.less');
+@import (optional) url('../../../custom/components/basic/progress-circle.less');
+@import (optional) url('../../../custom/os/components/basic/progress-circle.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic/search.less

@@ -0,0 +1,119 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of search widget.
+***********************************************************************************/
+.app-search {
+}
+
+
+/**********************************************************************************
+To style the input of search widget.
+***********************************************************************************/
+.app-search-text {
+    border-color: @searchBorderColor;
+    background-color: @searchDropdownBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the invalid state of search widget.
+***********************************************************************************/
+.app-search-invalid {
+    border-bottom-color: @inputInvalidBorderColor;
+}
+
+
+.app-search-focused-text {
+}
+
+
+/**********************************************************************************
+To style the dropdown content of search widget.
+***********************************************************************************/
+.app-search-dropdown-content {
+}
+
+
+/**********************************************************************************
+To style the input wrapper element of search widget.
+***********************************************************************************/
+.app-search-text-wrapper {
+}
+
+
+/**********************************************************************************
+To style the search button of search widget.
+***********************************************************************************/
+.app-search-btn {
+    background-color: @searchButtonColor;
+}
+
+
+.app-search-btn .app-button-icon .app-icon-text {
+    color: @searchButtonTextColor;
+}
+
+
+/**********************************************************************************
+To style the clear button of search widget.
+***********************************************************************************/
+.app-search-clear-btn {
+}
+
+
+/**********************************************************************************
+To style the item of search widget.
+***********************************************************************************/
+.app-search-item {
+    border-bottom-color: @searchItemBorderColor;
+    color: @searchItemTextColor;
+}
+
+
+/**********************************************************************************
+To style the item text of search widget.
+***********************************************************************************/
+.app-search-item-text {
+}
+
+
+/**********************************************************************************
+To style the data complete item of search widget.
+***********************************************************************************/
+.app-search-complete-item {
+}
+
+
+/**********************************************************************************
+To style the data complete item text of search widget.
+***********************************************************************************/
+.app-search-complete-item-text {
+}
+
+
+/**********************************************************************************
+To style the placeholder text of search widget.
+***********************************************************************************/
+.app-search-placeholder {
+    color: @inputPlaceholderColor;
+}
+
+
+/**********************************************************************************
+To style the dropdown modal of search widget.
+***********************************************************************************/
+.app-search-modal {
+}
+
+
+/**********************************************************************************
+To style the dropdown modal content of search widget.
+***********************************************************************************/
+.app-search-modal-content {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/search.less');
+@import (optional) url('../../../custom/components/basic/search.less');
+@import (optional) url('../../../custom/os/components/basic/search.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic/skeleton.less

@@ -0,0 +1,26 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the background color of picture widget skeleton.
+***********************************************************************************/
+.app-skeleton {
+}
+
+
+/**********************************************************************************
+To style the background color of gradient of picture widget skeleton.
+***********************************************************************************/
+.app-skeleton-gradient {
+}
+
+
+/**********************************************************************************
+To style the background color of gradient foreground of picture widget skeleton.
+***********************************************************************************/
+.app-skeleton-gradient-foreground {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/skeleton.less');
+@import (optional) url('../../../custom/components/basic/skeleton.less');
+@import (optional) url('../../../custom/os/components/basic/skeleton.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic/spinner.less

@@ -0,0 +1,45 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of spinner widget.
+***********************************************************************************/
+.app-spinner {
+}
+
+
+/**********************************************************************************
+To style the caption text of spinner widget.
+***********************************************************************************/
+.app-spinner-text {
+}
+
+
+/**********************************************************************************
+To style the image of spinner widget.
+***********************************************************************************/
+.app-spinner-image {
+}
+
+
+/**********************************************************************************
+To style the icon of spinner widget.
+***********************************************************************************/
+.app-spinner-icon {
+}
+
+
+.app-spinner-icon .app-icon-text {
+    color: @spinnerIconColor;
+}
+
+
+/**********************************************************************************
+To style the lottie animation of spinner widget.
+***********************************************************************************/
+.app-spinner-lottie {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/spinner.less');
+@import (optional) url('../../../custom/components/basic/spinner.less');
+@import (optional) url('../../../custom/os/components/basic/spinner.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic/video.less

@@ -0,0 +1,23 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of anchor widget.
+***********************************************************************************/
+.app-video {
+}
+
+
+.app-video-text {
+}
+
+
+/**********************************************************************************
+To style the skeleton of audio text widget.
+***********************************************************************************/
+.app-video-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/video.less');
+@import (optional) url('../../../custom/components/basic/video.less');
+@import (optional) url('../../../custom/os/components/basic/video.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/basic.less

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

package/src/templates/foundation-theme/build/ios/wavemaker/components/chart/area-chart.less

@@ -0,0 +1,113 @@
+@import url('../../variables.less');
+
+
+.app-area-chart {
+}
+
+
+.app-area-chart-text {
+}
+
+
+.app-area-chart-axis {
+}
+
+
+.app-area-chart-x-axis {
+}
+
+
+.app-area-chart-y-axis {
+}
+
+
+.app-area-chart-axis-label {
+}
+
+
+.app-area-chart-x-axis-label {
+}
+
+
+.app-area-chart-y-axis-label {
+}
+
+
+.app-area-chart-grid {
+}
+
+
+.app-area-chart-x-grid {
+}
+
+
+.app-area-chart-y-grid {
+}
+
+
+.app-area-chart-ticks {
+}
+
+
+.app-area-chart-x-ticks {
+}
+
+
+.app-area-chart-y-ticks {
+}
+
+
+.app-area-chart-tick-labels {
+}
+
+
+.app-area-chart-x-tick-labels {
+}
+
+
+.app-area-chart-y-tick-labels {
+}
+
+
+.app-area-chart-title {
+}
+
+
+.app-area-chart-subtitle {
+}
+
+
+.app-area-chart-icon {
+}
+
+
+.app-area-chart-tooltip-container {
+}
+
+
+.app-area-chart-tooltipx-text {
+}
+
+
+.app-area-chart-tooltipy-text {
+}
+
+
+.app-area-chart-yaxislabel {
+}
+
+
+.app-area-chart-xaxislabel {
+}
+
+
+.app-area-chart-tooltip-pointer {
+}
+
+
+.app-area-chart-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/chart/area-chart.less');
+@import (optional) url('../../../custom/components/chart/area-chart.less');
+@import (optional) url('../../../custom/os/components/chart/area-chart.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/chart/bar-chart.less

@@ -0,0 +1,57 @@
+@import url('../../variables.less');
+
+
+.app-bar-chart {
+}
+
+
+.app-bar-chart-text {
+}
+
+
+.app-bar-chart-title {
+}
+
+
+.app-bar-chart-subtitle {
+}
+
+
+.app-bar-chart-icon {
+}
+
+
+.app-bar-chart-tooltip-container {
+}
+
+
+.app-bar-chart-tooltipx-text {
+}
+
+
+.app-bar-chart-tooltipy-text {
+}
+
+
+.app-bar-chart-bar {
+}
+
+
+.app-bar-chart-yaxislabel {
+}
+
+
+.app-bar-chart-xaxislabel {
+}
+
+
+.app-bar-chart-tooltip-pointer {
+}
+
+
+.app-bar-chart-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/chart/bar-chart.less');
+@import (optional) url('../../../custom/components/chart/bar-chart.less');
+@import (optional) url('../../../custom/os/components/chart/bar-chart.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/chart/bubble-chart.less

@@ -0,0 +1,53 @@
+@import url('../../variables.less');
+
+
+.app-bubble-chart {
+}
+
+
+.app-bubble-chart-text {
+}
+
+
+.app-bubble-chart-title {
+}
+
+
+.app-bubble-chart-subtitle {
+}
+
+
+.app-bubble-chart-icon {
+}
+
+
+.app-bubble-chart-tooltip-container {
+}
+
+
+.app-bubble-chart-tooltipx-text {
+}
+
+
+.app-bubble-chart-tooltipy-text {
+}
+
+
+.app-bubble-chart-yaxislabel {
+}
+
+
+.app-bubble-chart-xaxislabel {
+}
+
+
+.app-bubble-chart-tooltip-pointer {
+}
+
+
+.app-bubble-chart-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/chart/bubble-chart.less');
+@import (optional) url('../../../custom/components/chart/bubble-chart.less');
+@import (optional) url('../../../custom/os/components/chart/bubble-chart.less');

package/src/templates/foundation-theme/build/ios/wavemaker/components/chart/column-chart.less

@@ -0,0 +1,53 @@
+@import url('../../variables.less');
+
+
+.app-column-chart {
+}
+
+
+.app-column-chart-text {
+}
+
+
+.app-column-chart-title {
+}
+
+
+.app-column-chart-subtitle {
+}
+
+
+.app-column-chart-icon {
+}
+
+
+.app-column-chart-tooltip-container {
+}
+
+
+.app-column-chart-tooltipx-text {
+}
+
+
+.app-column-chart-tooltipy-text {
+}
+
+
+.app-column-chart-yaxislabel {
+}
+
+
+.app-column-chart-xaxislabel {
+}
+
+
+.app-column-chart-tooltip-pointer {
+}
+
+
+.app-column-chart-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/chart/column-chart.less');
+@import (optional) url('../../../custom/components/chart/column-chart.less');
+@import (optional) url('../../../custom/os/components/chart/column-chart.less');