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

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

@@ -0,0 +1,92 @@
+@import (optional) url('../variables/carousel.variant.less');
+.app-carousel { 
+    ripple-color: var(--wm-carousel-ripple-color);
+}
+.app-carousel-first-slide {
+}
+
+.app-carousel-last-slide {
+}
+
+.app-carousel-active-slide {
+}
+.app-carousel-prev-btn {
+}
+
+.app-carousel-prev-btn .root { 
+    margin-left: var(--wm-carousel-btn-margin);
+    background-color: var(--wm-carousel-btn-background);
+    ripple-color: var(--wm-carousel-ripple-color);
+}
+
+.app-carousel-prev-btn .text {
+    font-size: var(--wm-carousel-btn-text-font-size);
+}
+
+.app-carousel-prev-btn .app-icon-shape {
+    color: var(--wm-carousel-btn-color);
+}
+
+.app-carousel-next-btn {
+}
+
+.app-carousel-next-btn .app-icon-shape {
+    color: var(--wm-carousel-btn-color);
+}
+
+.app-carousel-next-btn .root {
+    margin-right: var(--wm-carousel-btn-margin);
+    background-color: var(--wm-carousel-btn-background);
+    ripple-color: var(--wm-carousel-ripple-color);
+}
+
+.app-carousel-next-btn .text {
+    font-size: var(--wm-carousel-btn-text-font-size);
+}
+
+.app-carousel-dot-wrapper { 
+    // opacity: var(--wm-carousel-opacity);
+    background-color: var(--wm-carousel-dots-wrapper-background-color);
+    padding-top: var(--wm-carousel-dots-wrapper-padding-top);
+    padding-bottom: var(--wm-carousel-dots-wrapper-padding-bottom);
+}
+
+.app-carousel-dot { 
+    // opacity: var(--wm-carousel-opacity);
+    width: var(--wm-carousel-dots-width);
+    height: var(--wm-carousel-dots-height);
+    border-radius: var(--wm-carousel-dots-radius);
+    border-style: var(--wm-carousel-dots-border-style);
+    border-color: var(--wm-carousel-dots-border-color);
+    border-width:var(--wm-carousel-dots-border-width);
+    margin-left: var(--wm-carousel-margin-left);
+    margin-right: var(--wm-carousel-margin-right);
+    background-color: var(--wm-carousel-dots-wrapper-background-color);
+}
+
+.app-carousel-dot-container{
+    gap: var(--wm-carousel-dots-gap);
+}
+
+.app-carousel-active-dot {
+    // --wm-carousel-dots-width: 20px;
+    // opacity: var(--wm-carousel-opacity);
+    //     width: var(--wm-carousel-dots-width);
+    // height: var(--wm-carousel-dots-height);
+    // border-radius: var(--wm-carousel-dots-radius);
+    // border-style: var(--wm-carousel-dots-border-style);
+    // border-color: var(--wm-carousel-dots-border-color);
+    // border-width:var(--wm-carousel-dots-border-width);
+    background-color: var(--wm-carousel-dots-background);
+}
+
+.app-carousel-skeleton {
+    width: var(--wm-carousel-skeleton-width);
+}
+
+.app-carousel-dot-skeleton {
+    width: var(--wm-carousel-dots-width);
+    height: var(--wm-carousel-dots-height);
+    border-radius: var(--wm-carousel-dots-radius);
+    background-color: var(--wm-carousel-dots-background);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/advanced/login.less

@@ -0,0 +1,14 @@
+
+.app-login-error-message {
+    color: var(--wm-login-error-text-color);
+    background-color: var(--wm-login-error-background-color);
+    border-color: var(--wm-login-error-border-color);
+    border-radius: var(--wm-login-error-border-radius);
+}
+
+.app-login-form-container {
+    padding-top: var(--wm-login-form-padding-top);
+    padding-right: var(--wm-login-form-padding-right);
+    padding-bottom: var(--wm-login-form-padding-bottom);
+    padding-left: var(--wm-login-form-padding-left);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/advanced/network-toast.less

@@ -0,0 +1,15 @@
+
+.app-network-info-toaster {
+}
+
+.app-network-info-toaster-text {
+}
+
+.app-network-info-toaster-action {
+}
+
+.app-network-info-toaster-action-text {
+}
+
+.app-network-info-toaster-action-separator {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/advanced/webview.less

@@ -0,0 +1,4 @@
+.app-webview {
+    width: 100%;
+    height: 100%;
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/anchor.less

@@ -0,0 +1,25 @@
+.app-anchor {
+    color: var(--wm-anchor-color);
+}
+
+.app-anchor-text {
+    color: var(--wm-anchor-color);;
+    padding-left: var(--wm-space-2);
+    padding-right: var(--wm-space-2);
+    font-size: var(--wm-anchor-font-size);
+    font-family: var(--wm-anchor-font-family);
+    font-weight: var(--wm-anchor-font-weight);
+}
+
+.app-anchor-icon {
+    font-size: var(--wm-anchor-icon-size);
+    min-width: var(--wm-anchor-icon-size);
+    width: var(--wm-anchor-icon-size);
+    height: var(--wm-anchor-icon-size);
+    gap: var(--wm-anchor-gap);
+   
+}
+
+.app-anchor-icon .app-icon{
+    color: var(--wm-anchor-color);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/audio.less

@@ -0,0 +1,3 @@
+.app-audio {
+    width: var(--wm-audio-width);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/button.less

@@ -0,0 +1,70 @@
+.app-button {
+    position: relative;
+    background-color: var(--wm-btn-background);
+    border-width: var(--wm-btn-border-width);
+    border-style: var(--wm-btn-border-style);
+    border-color: var(--wm-btn-border-color);
+    border-radius: var(--wm-btn-radius);
+    ripple-color: var(--wm-btn-ripple-color);
+    box-shadow: var(--wm-btn-shadow);
+    align-self: flex-start;
+    flex-direction: column;
+    overflow: hidden;
+    min-width: var(--wm-btn-min-width);
+    min-height: var(--wm-btn-height);
+    padding-left: var(--wm-btn-padding-left);
+    padding-right: var(--wm-btn-padding-right);
+    padding-bottom: var(--wm-btn-padding-bottom);
+    padding-top: var(--wm-btn-padding-top);
+    cursor: var(--wm-btn-cursor);
+    color: var(--wm-btn-color);
+    opacity: var(--wm-btn-opacity);
+}
+
+.app-button-text {
+    font-size: var(--wm-btn-font-size);
+    font-family: var(--wm-btn-font-family);
+    font-weight: var(--wm-btn-font-weight);
+    line-height: var(--wm-btn-line-height);
+    letter-spacing: var(--wm-btn-letter-spacing);
+    text-transform: var(--wm-btn-text-transform);
+    white-space: nowrap;
+    color: var(--wm-btn-color);
+}
+
+.app-button-content {
+    display: flex;
+    flex-grow: 1;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    gap: var(--wm-btn-gap);
+    min-height: var(--wm-btn-height);
+}
+
+
+.app-button-icon {
+    padding-left: var(--wm-space-0);
+    padding-right: var(--wm-space-0);
+    padding-top: var(--wm-space-0);
+    padding-bottom: var(--wm-space-0);
+    min-width: var(--wm-btn-icon-size);
+    width: var(--wm-btn-icon-size);
+    height: var(--wm-btn-icon-size);
+}
+
+.app-button-icon .app-icon{
+    color: var(--wm-btn-color);
+}
+
+.app-button-skeleton {
+    width: var(--wm-btn-skeleton-width);
+    height: var(--wm-btn-skeleton-height);
+}
+
+.btn-block.app-button {
+    width: 100%;
+}
+
+@import (optional) url('../variables/button.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/buttongroup.less

@@ -0,0 +1,23 @@
+
+.app-buttongroup {
+  border-radius: var(--wm-button-group-radius);
+}
+
+.btn-group-child {
+}
+
+.btn-group-first-child {
+  border-top-left-radius: var(--wm-button-group-radius);
+  border-bottom-left-radius: var(--wm-button-group-radius);
+
+}
+
+.btn-group-last-child {
+  border-top-right-radius: var(--wm-button-group-radius);
+  border-bottom-right-radius: var(--wm-button-group-radius);
+}
+
+.app-buttongroup-skeleton {
+
+}
+@import (optional) url('../variables/button-group.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/custom.less

@@ -0,0 +1,6 @@
+
+.app-custom {
+}
+
+.app-custom-text {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/icon.less

@@ -0,0 +1,21 @@
+
+.app-icon {
+    rippleColor: transparent;
+    gap: var(--wm-icon-gap);
+    min-width: var(--wm-icon-min-width);
+    width: var(--wm-icon-width);
+    height: var(--wm-icon-height);
+}
+
+.app-icon-text {
+    margin: 0;
+    max-width: 100%;
+    font-size: var(--wm-icon-font-size);
+}
+
+
+.app-icon-shape {
+    font-size: var(--wm-icon-font-size);
+}
+
+@import (optional) url('../variables/icon.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/label.less

@@ -0,0 +1,65 @@
+.app-label {
+}
+
+.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.p.app-label-text {
+    margin: var(--wm-label-margin);
+    padding: var(--wm-label-padding);
+}
+
+.h1.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.h2.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.h3.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.h4.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.h5.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+.h6.app-label-text {
+    font-size: var(--wm-label-font-size);
+    font-weight: var(--wm-label-font-weight);
+    font-family: var(--wm-label-font-family);
+    color: var(--wm-label-color);
+    margin: var(--wm-label-margin);
+}
+
+@import (optional) url('../variables/label.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/lottie.less

@@ -0,0 +1,9 @@
+
+.app-lottie {
+}
+
+.app-lottie-text {
+}
+
+.app-lottie-content {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/message.less

@@ -0,0 +1,46 @@
+@import (optional) url('../variables/message.variant.less');
+.app-message {
+    border-style: var(--wm-message-container-border-style);
+    border-radius: var(--wm-message-container-border-radius);
+    background-color:var(--wm-message-container-background);
+    border-color:var(--wm-message-container-border-color);
+    border-width: var(--wm-message-container-border-width);
+    padding-top: var(--wm-message-container-padding-top);
+    padding-left: var(--wm-message-container-padding-left);
+    padding-right: var(--wm-message-container-padding-right);
+    padding-bottom: var(--wm-message-container-padding-bottom);
+}
+
+.app-message-text {
+    font-size: var(--wm-message-text-size);
+    color:var(--wm-message-color);
+}
+
+.app-message-title {
+    color:var(--wm-message-color);
+    padding-bottom: var(--wm-message-title-padding-bottom);
+    font-size: var(--wm-message-title-font-size);
+    font-weight: var(--wm-message-title-font-weight);
+}
+
+.app-message-text-wrapper {
+}
+
+.app-message-icon .app-icon-shape{
+    font-size: var(--wm-message-icon-size);
+    color:var(--wm-message-color);
+}
+
+.app-message-closebtn .app-button-icon .app-icon-shape{
+    color: var(--wm-message-color);
+    font-size: var(--wm-message-close-btn-icon-size);
+}
+
+.app-message-closebtn .app-button{
+    padding-left: var(--wm-message-close-btn-padding-left);
+    padding-right: var(--wm-message-close-btn-padding-right);
+    border-radius: var(--wm-message-close-btn-border-radius);
+    background-color: var(--wm-message-close-btn-background-color);
+    border-color: var(--wm-message-close-btn-border-color);
+    ripple-color:var(--wm-message-close-btn-background-color);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/modal.less

@@ -0,0 +1,9 @@
+
+.app-modal {
+}
+
+.app-modal-text {
+}
+
+.app-modal-content {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/picture.less

@@ -0,0 +1,45 @@
+
+.app-picture {
+        justify-content: center;
+        align-items: center;
+        max-width: 100%;
+        max-height: 100%;
+}
+.thumbnail-image.app-picture {
+        border-radius: var(--wm-picture-radius);
+        padding-top: var(--wm-picture-padding-top);
+        padding-bottom: var(--wm-picture-padding-bottom);
+        padding-left: var(--wm-picture-padding-left);
+        padding-right: var(--wm-picture-padding-right);
+        background-color: var(--wm-picture-background);
+        border-width: var(--wm-picture-border-width);
+        border-style:  var(--wm-picture-border-style);
+        border-color: var(--wm-picture-border-color);
+
+}
+.rounded-image.app-picture {
+        border-radius: var(--wm-picture-radius);
+        padding-top: var(--wm-picture-padding-top);
+        padding-bottom: var(--wm-picture-padding-bottom);
+        padding-left: var(--wm-picture-padding-left);
+        padding-right: var(--wm-picture-padding-right);
+        background-color: var(--wm-picture-background);
+        border-width: var(--wm-picture-border-width);
+        border-style:  var(--wm-picture-border-style);
+        border-color: var(--wm-picture-border-color);
+
+}
+.circle-image.app-picture {
+        border-radius: var(--wm-picture-radius);
+        padding-top: var(--wm-picture-padding-top);
+        padding-bottom: var(--wm-picture-padding-bottom);
+        padding-left: var(--wm-picture-padding-left);
+        padding-right: var(--wm-picture-padding-right);
+        background-color: var(--wm-picture-background);
+        border-width: var(--wm-picture-border-width);
+        border-style:  var(--wm-picture-border-style);
+        border-color: var(--wm-picture-border-color);
+
+}
+
+@import (optional) url('../variables/picture.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/basic/progress-bar.less

@@ -0,0 +1,40 @@
+@import (optional) url('../variables/progress-bar.variant.less');
+
+.app-progress-bar {
+    height: var(--wm-progress-bar-height);
+    margin: var(--wm-progress-bar-margin);
+}
+
+.app-progress-bar-text {
+    color: var(--wm-progress-bar-label-color);
+}
+
+.app-progress-bar-bg {
+    background-color: var(--wm-progress-bar-background-inactive);
+    border-top-left-radius: var(--wm-progress-bar-radius);
+    border-bottom-left-radius: var(--wm-progress-bar-radius);
+    border-top-right-radius: var(--wm-progress-bar-radius);
+    border-bottom-right-radius: var(--wm-progress-bar-radius);
+}
+
+.app-progress-bar-value {
+    color: var(--wm-progress-bar-background-active);
+    background-color: var(--wm-progress-bar-background-active);
+}
+
+.app-progress-bar-tooltip {
+    background-color: var(--wm-progress-bar-tooltip-background);
+    padding-left: var(--wm-progress-bar-tooltip-padding-hor);
+    padding-right: var(--wm-progress-bar-tooltip-padding-hor);
+    padding-top: var(--wm-progress-bar-tooltip-padding-ver);
+    padding-bottom: var(--wm-progress-bar-tooltip-padding-ver);
+}
+
+.app-progress-bar-tooltip-label {
+    color: var(--wm-progress-bar-tooltip-label-color);
+    font-size: var(--wm-progress-bar-tooltip-label-size);
+}
+
+.app-progress-bar-tooltip-triangle {
+    border-bottom-color: var(--wm-progress-bar-tooltip-triangle-border-bottom-color);
+}

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

@@ -0,0 +1,25 @@
+
+.app-progress-circle {
+}
+
+.app-progress-circle-text {
+}
+
+.app-progress-circle-bg {
+    background-color: var(--wm-progress-circle-stroke-inactive);
+    stroke: var(--wm-progress-circle-stroke-inactive);
+}
+
+.app-progress-circle-value {
+    stroke: var(--wm-progress-circle-stroke-active);
+    background-color: var(--wm-progress-circle-stroke-active);
+}
+
+.app-progress-circle-subtitle {
+    font-size: var( --wm-progress-circle-sub-title-font-size);
+    font-family: var(--wm-progress-circle-sub-title-font-family);
+    color: var(--wm-progress-circle-sub-title-color);
+    fill:var(--wm-progress-circle-sub-title-color);
+}
+
+@import (optional) url('../variables/progress-circle.variant.less');

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

@@ -0,0 +1,73 @@
+
+.app-search {
+    background-color: var(--wm-search-background-color);
+    border-radius: var(--wm-search-border-radius);
+    border-width: var(--wm-search-border-width);
+    border-color: var(--wm-search-border-color);
+}
+
+.app-search-text {
+    border-color: transparent;
+    background-color: var(--wm-search-background-color);
+    font-size: var(--wm-search-text-font-size);
+    font-family: var(--wm-search-text-font-family);
+    font-weight: var(--wm-search-text-font-weight);
+    border-radius: var(--wm-search-border-radius);
+}
+
+.app-search-invalid {
+    border-bottom-color: var(--wm-search-invalid-color);
+}
+
+.app-search-clear-btn {
+    border-color: transparent;
+    ripple-color: transparent;
+}
+
+.app-search-btn .app-button-icon .app-icon-text {
+    background-color: var(--wm-search-background-color);
+}
+
+.app-search-btn .app-button-icon .app-icon-shape{
+    color:var(--wm-search-btn-icon-color);
+    font-size: var(--wm-search-btn-icon-size);
+}
+
+.app-search-complete-item {
+    color: var(--wm-search-complete-text-color);
+    padding-right: var(--wm-search-complete-padding-right);
+    padding-left: var(--wm-search-complete-padding-left);
+    padding-top: var(--wm-search-complete-padding-top);
+    padding-bottom: var(--wm-search-complete-padding-bottom);
+    background-color: var(--wm-search-complete-background-color);
+}
+
+.app-search-placeholder {
+    color: var(--wm-search-placeholder-color);
+}
+
+.app-search-modal-content {
+    background-color: var(--wm-search-modal-content-background-color);
+    border-radius: var(--wm-search-modal-content-border-radius);
+    border-color: var(--wm-search-modal-content-border-color);
+}
+.app-search-text-wrapper{
+    border-color: transparent;
+}
+
+.app-search-btn.root{
+    ripple-color: var(--wm-search-btn-ripple-color);
+    background-color: var(--wm-search-background-color);
+    border-top-right-radius: var(--wm-search-border-radius);
+    border-bottom-right-radius: var(--wm-search-border-radius);
+    border-color: transparent;
+}
+
+.app-search-btn{
+    ripple-color: var(--wm-search-btn-ripple-color);
+    background-color: var(--wm-search-background-color);
+    border-top-right-radius: var(--wm-search-border-radius);
+    border-bottom-right-radius: var(--wm-search-border-radius);
+    border-color: transparent;
+    color: var(--wm-search-btn-icon-color);
+}

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

@@ -0,0 +1,9 @@
+
+.app-skeleton {
+}
+
+.app-skeleton-gradient {
+}
+
+.app-skeleton-gradient-foreground {
+}

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

@@ -0,0 +1,34 @@
+.app-spinner {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--wm-spinner-loading-data-msg-background);
+    width: 100%;
+}
+
+.app-spinner-text {
+    font-size: var(--wm-spinner-font-size);
+    padding-left: var(--wm-spinner-padding-left);
+    color: var(--wm-spinner-loading-data-msg-color);
+}
+
+.app-spinner-image {
+    color: var(--wm-spinner-color);
+    font-size: var(--wm-spinner-icon-size);
+}
+
+.app-spinner-icon .app-icon-text {
+    color: var(--wm-spinner-color);
+    font-size: var(--wm-spinner-icon-size);
+}
+
+// .app-spinner-lottie {
+//     width: var(--wm-spinner-lottie-width); 
+//     height: var(--wm-spinner-lottie-height);
+// }
+
+.app-spinner-lottie
+{
+    width: var(--wm-spinner-lottie-width);
+}

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

@@ -0,0 +1,4 @@
+.app-video {
+  height: var(--wm-video-height);
+  width: var(--wm-video-width);
+}