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

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/container/tile.less

@@ -0,0 +1,37 @@
+@import (optional) url('../variables/tile.variant.less');
+
+.app-tile {
+  background-color: var(--wm-tile-background-color);
+  border-radius: var(--wm-tile-border-radius);
+  border-width: var(--wm-tile-border-width);
+  border-color: var(--wm-tile-border-color);
+  padding-top: var(--wm-tile-padding-top);
+  padding-bottom: var(--wm-tile-padding-bottom);
+  padding-left: var(--wm-tile-padding-left);
+  padding-right: var(--wm-tile-padding-right);
+  color: var(--wm-tile-color);
+}
+
+.tile-template-text{
+  color: var(--wm-tile-color);
+}
+
+.bg-primary.app-tile{
+  background-color: var(--wm-tile-background-color);
+}
+
+.bg-success.app-tile{
+  background-color: var(--wm-tile-background-color);
+}
+
+.bg-info.app-tile{
+  background-color: var(--wm-tile-background-color);
+}
+
+.bg-warning.app-tile{
+  background-color: var(--wm-tile-background-color);
+}
+
+.bg-danger.app-tile{
+  background-color: var(--wm-tile-background-color);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/container/wizard/wizardstep.less

@@ -0,0 +1,3 @@
+
+.app-wizardstep {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/container/wizard.less

@@ -0,0 +1,146 @@
+
+.app-wizard {
+  background-color: var(--wm-wizard-background);
+  border-radius: var(--wm-wizard-radius);
+  box-shadow: var(--wm-wizard-shadow);
+  padding: var(--wm-wizard-padding);
+  gap: var(--wm-wizard-gap);
+  min-height: var(--wm-wizard-min-height);
+}
+
+.app-wizard-header {
+  background-color: var(--wm-wizard-heading-background);
+  border-radius: var(--wm-wizard-heading-radius);
+  padding: var(--wm-wizard-heading-padding);
+}
+
+.app-wizard-body {
+  min-height: var(--wm-wizard-body-height);
+  padding-top: var(--wm-wizard-body-padding-top);
+  border-top-width: var(--wm-wizard-body-border-top-width);
+  border-bottom-width: var(--wm-wizard-body-border-bottom-width);
+}
+
+.app-wizard-footer {
+  background-color: var(--wm-wizard-stepper-footer-background);
+  padding: var(--wm-wizard-footer-padding);
+}
+
+.app-wizard-step {
+  background-color: var(--wm-wizard-stepper-step-background);
+  border-color: var(--wm-wizard-stepper-step-indicator-border);
+  width: var(--wm-wizard-stepper-step-width);
+  height: var(--wm-wizard-stepper-step-height);
+  border-radius: var(--wm-wizard-stepper-step-border-radius);
+}
+
+.app-wizard-active-step {
+  background-color: var(--wm-wizard-stepper-step-active-background);
+  border-color: var(--wm-wizard-stepper-step-active-background);
+  color: var(--wm-wizard-stepper-step-active-background);
+}
+
+.app-wizard-done-step {
+  background-color: var(--wm-wizard-stepper-step-background);
+  border-color: var(--wm-wizard-step-done-background);
+  color: var(--wm-wizard-step-done-background);
+}
+
+.app-wizard-step-title {
+  font-size: var(--wm-wizard-stepper-step-title-font-size);
+  font-weight: var(--wm-wizard-stepper-step-title-font-weight);
+  font-family: var(--wm-wizard-stepper-step-title-font-family);
+  color: var(--wm-wizard-stepper-step-title-color);
+  line-height: var(--wm-wizard-stepper-step-title-line-height);
+}
+
+.app-wizard-step-sub-title {
+  color: var(--wm-color-primary);
+}
+
+.app-wizard-step-connector {
+  height: var(--wm-wizard-step-connector-height);
+  background-color: var(--wm-wizard-step-connector-color);
+}
+
+.app-wizard-step-counter {
+  color: var(--wm-wizard-stepper-step-count-color);
+  font-size: var(--wm-wizard-stepper-step-count-font-size);
+  font-weight: var(--wm-wizard-stepper-step-count-font-weight);
+  font-family: var(--wm-wizard-stepper-step-count-font-family);
+  line-height: var(--wm-wizard-stepper-step-count-line-height);
+}
+
+.app-wizard-action {
+  margin-right: var(--wm-wizard-actions-margin-right);
+}
+
+.app-wizard-next-btn {
+  padding-right: var(--wm-wizard-actions-padding-right);
+}
+
+.app-wizard-prev-btn {
+  background-color: var(--wm-btn-default-background);
+  color: var(--wm-btn-default-state-layer-color);
+  padding-left: var(--wm-wizard-btn-prev-btn-padding-left);
+}
+
+.app-wizard-cancel-btn {
+  min-height: var(--wm-wizard-btn-cancel-btn-min-height);
+}
+
+.app-wizard-done-btn {
+  background-color: var(--wm-btn-default-background);
+  color: var(--wm-btn-default-state-layer-color);
+}
+
+.app-wizard-skip-link {
+}
+
+.app-wizard-step-menu-label {
+  color: var(--wm-wizard-step-active-label-text-color);
+}
+
+.app-wizard-step-menu-active-label {
+  color: var(--wm-color-primary);
+}
+
+.app-wizard-step-menu-icon {
+  padding-right: var(--wm-space-1);
+}
+
+.app-wizard-step-menu-active-icon {
+  padding-right: var(--wm-space-1);
+}
+
+.app-wizard-step-menu {
+}
+
+.app-wizard-step-menu-active {
+}
+
+.app-wizard-step-wrapper {
+}
+
+.app-wizard-step-title-wrapper {
+}
+
+.app-wizard-progress-circle {
+}
+
+.app-wizard-step-popover {
+}
+
+.app-wizard-step-icon {
+}
+
+.app-wizard-step-icon .app-icon-shape {
+}
+
+.app-wizard-number-text-step-connector {
+}
+
+.app-wizard-active-step-counter {
+}
+
+@import (optional) url('../variables/wizard.variant.less');

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

@@ -0,0 +1,18 @@
+@import (optional) url('./variables/container.variant.less');
+
+.app-container {
+    border-radius: var(--wm-container-border-radius);
+    border-color: var(--wm-container-border-color);
+    border-width: var(--wm-container-border-width);
+    border-style: var(--wm-container-border-style);
+}
+
+.app-container-content {}
+
+.media-body.app-container {}
+
+.media-right.app-container {}
+
+.app-container-skeleton {}
+
+.app-container-sticky {}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/card/card-content.less

@@ -0,0 +1,6 @@
+
+.app-card-content {
+}
+
+.app-card-content-skeleton {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/card/card-footer.less

@@ -0,0 +1,5 @@
+
+.app-card-footer {
+    border-color: var(--wm-card-border-color);
+    border-style: var(--wm-card-border-style);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/card.less

@@ -0,0 +1,48 @@
+
+.app-card {
+    gap: var(--wm-card-list-gap);
+    background-color: var(--wm-card-background);
+    border-width: var(--wm-card-border-width);
+    border-style: var(--wm-card-border-style);
+    border-color: var(--wm-card-border-color);
+    border-radius: var(--wm-card-border-radius);
+    box-shadow: var(--wm-card-shadow);
+}
+
+.app-vertical-list-item {
+    border-color: var(--wm-card-border-color);
+    border-radius: var(--wm-card-border-radius);
+    box-shadow: var(--wm-card-shadow);
+}
+
+.app-card-icon {
+}
+
+.app-card-header {
+    padding: var(--wm-card-header-padding);
+    background-color: var(--wm-card-header-background-color);
+}
+
+.app-card-title {
+}
+
+.app-card-title {
+    color: var(--wm-color-black);
+    font-size: var(--wm-card-header-title-text-font-size);
+    line-height: var(--wm-card-header-title-line-height);
+}
+
+.app-card-sub-title {
+}
+
+.app-card-subheading-text {
+    font-size: var(--wm-card-subheading-text-font-size);
+    line-height: var(--wm-card-subheading-text-line-height);
+    color: var(--wm-color-black);
+}
+
+.app-card-picture {
+}
+
+.app-card-skeleton {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/form/form-body.less

@@ -0,0 +1,3 @@
+
+.app-form-body {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/form/form-field.less

@@ -0,0 +1,9 @@
+
+.app-form-field {
+}
+
+.form-label.app-label-text {
+}
+
+.app-form-field-error-msg {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/form/form-footer.less

@@ -0,0 +1,3 @@
+
+.app-form-footer {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/form.less

@@ -0,0 +1,27 @@
+
+.app-form {
+}
+
+.app-form-header {
+    padding-top: var(--wm-form-heading-padding-top);
+    padding-bottom: var(--wm-form-heading-padding-bottom);
+    padding-left: var(--wm-form-heading-padding-left);
+    padding-right: var(--wm-form-heading-padding-right);
+    border-bottom-width: var(--wm-form-heading-border-bottom-width);
+    border-style: var(--wm-form-heading-border-style);
+    border-color: var(--wm-form-heading-border-color);
+}
+
+.app-form-title {
+    font-family: var(--wm-panel-heading-font-family);
+    font-size: var(--wm-panel-heading-font-size);
+    color: var(--wm-panel-heading-color);
+    line-height: var(--wm-panel-heading-line-height);
+}
+
+.app-form-sub-title {
+    font-family: var(--wm-panel-description-font-family);
+    font-size: var(--wm-panel-description-font-size);
+    color: var(--wm-panel-description-color);
+    line-height:  var(--wm-panel-description-line-height);;
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/list/list-action-template.less

@@ -0,0 +1,6 @@
+
+.app-list-action-template {
+}
+
+.app-list-action-template-text {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/list/list-template.less

@@ -0,0 +1,6 @@
+
+.app-list-template {
+}
+
+.app-list-template-skeleton {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/data/list.less

@@ -0,0 +1,89 @@
+.app-list {
+}
+
+.app-list-icon {
+    margin-top: var(--wm-list-listicon-margin-top);
+    margin-right: var(--wm-list-listicon-margin-right);
+}
+
+.app-list-loading-icon { 
+    font-size: var(--wm-list-loading-icon-font-size);
+}
+
+.app-list-loading-icon .app-icon-text { 
+    color: var(--wm-list-loading-icon-text-color);
+}
+
+.app-list-heading { 
+    background-color: var(--wm-list-item-header-background);
+    padding: var(--wm-list-heading-padding);
+    margin-bottom: var(--wm-list-heading-margin-bottom);
+}
+
+.app-list-group-heading { 
+    background-color: var(--wm-list-group-heading-background-color);
+    font-size: var(--wm-list-group-heading-font-size);
+    padding-left: var(--wm-list-group-heading-padding-left);
+    padding-right: var(--wm-list-group-heading-padding-right);
+    line-height: var(--wm-list-group-heading-line-height);
+    font-family: var(--wm-list-group-heading-font-family);
+}
+
+.app-list-title { 
+    color: var(--wm-list-item-header-color);
+    font-size: var(--wm-list-loading-icon-font-size);
+    font-family: var(--wm-list-group-heading-font-family);
+    line-height: var(--wm-list-title-line-height);
+    font-weight: var(--wm-list-title-font-weight);
+}
+
+.app-list-sub-title { 
+    font-size: var(--wm-h6-font-size);
+    line-height: var(--wm-h6-line-height);
+    font-family: var(--wm-list-group-heading-font-family);
+    font-weight: var(--wm-list-title-font-weight);
+    color: var(--wm-list-loading-icon-text-color);
+}
+
+.app-list-empty-message { 
+    color: var(--wm-list-loading-icon-text-color);
+    font-size: var(--wm-list-loading-icon-font-size);
+    line-height: var(--wm-list-emplty-message-line-height);
+}
+
+.app-list-on-demand-data-message { 
+    color: var(--wm-list-loading-icon-text-color);
+}
+
+
+.app-list-item {
+    background-color: var(--wm-list-item-background-active);
+    padding: var(--wm-list-item-padding);
+    min-height: var(--wm-list-item-min-height);
+    border-color: var(--wm-list-item-background-active);
+    border-radius: var(--wm-list-item-border-radius);
+    border-style: var(--wm-list-item-border-style);
+}
+
+.app-list-selected-icon {
+    font-size: var(--wm-list-loading-icon-font-size);
+}
+
+.app-list-selected-icon-text {
+    font-size: var(--wm-list-loading-icon-font-size);
+    color: var(--wm-list-item-background);
+}
+
+.app-list-group {
+    margin-bottom: var(--wm-list-heading-margin-bottom);
+}
+
+.app-list-template{
+    background-color: var(--wm-list-item-background-active);
+}
+
+.app-vertical-list-item{
+    background-color: var(--wm-list-item-background-active);
+    border-radius: var(--wm-list-item-border-radius);
+    border-style: var(--wm-list-item-border-style);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/device/barcodescanner.less

@@ -0,0 +1,20 @@
+.app-barcodescanner {
+   background-color: var(--wm-barcodescanner-background);
+    padding-top: var(--wm-barcodescanner-padding-top);
+    padding-left: var(--wm-barcodescanner-padding-left);
+    padding-bottom: var(--wm-barcodescanner-padding-bottom);
+    border-width: var(--wm-barcodescanner-border-width);
+    border-color: var(--wm-barcodescanner-border-color);
+    border-style: var(--wm-barcodescanner-border-style);
+    border-radius: var(--wm-barcodescanner-border-radius);
+    ripple-color:var(--wm-barcodescanner-ripple-color);
+}
+
+.app-barcodescanner-text {
+    color: var(--wm-barcodescanner-text-color);
+}
+
+.app-barcodescanner-icon {
+    color: var(--wm-barcodescanner-icon-color);
+    font-size: var(--wm-barcodescanner-icon-size);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/device/camera.less

@@ -0,0 +1,20 @@
+
+.app-camera {
+    min-height: var(--wm-camera-button-root-min-height);
+    min-width: var(--wm-camera-button-root-min-width);
+    border-width: var(--wm-camera-border-width);
+    border-radius: var(--wm-camera-border-radius);
+    border-color: var(--wm-camera-border-color);
+    background-color: var(--wm-camera-background);
+    min-height: var(--wm-camera-min-height);
+    min-width: var(--wm-camera-min-width);
+    padding: var(--wm-camera-padding);
+}
+
+.app-camera-text {
+  color: var(--wm-camera-color);
+}
+
+.app-camera-icon {
+    color: var(--wm-camera-color);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/dialogs/alertdialog.less

@@ -0,0 +1,19 @@
+
+.app-alertdialog {
+}
+
+.app-alertdialog-content {
+}
+
+.app-alertdialog-actions {
+}
+
+.app-alertdialog-ok {
+}
+
+.app-alertdialog-message {
+    color: var(--wm-color-black);
+    font-size: var(--wm-alert-modal-message-text-font-size);
+    font-weight: var(--wm-alert-modal-message-text-font-weight);
+    font-family: var(--wm-alert-modal-message-text-font-family);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/dialogs/confirmdialog.less

@@ -0,0 +1,37 @@
+
+.app-confirmdialog {
+}
+
+.app-confirmdialog-content {
+}
+
+.app-confirmdialog-actions {
+}
+
+.app-confirmdialog-dialogActions.root {
+    padding: var(--wm-conform-modal-dialogactions-padding);
+}
+
+.app-confirmdialog-ok {
+}
+
+.app-confirmdialog-okButton-text {
+    font-size: var(--wm-confirm-modal-button-text-font-size);
+}
+
+.app-confirmdialog-cancelButton.root {
+}
+
+.app-confirmdialog-cancelButton-text {
+    color: var(--wm-color-primary);
+    font-size: var(--wm-confirm-modal-cancel-button-text-font-size);
+}
+
+.app-confirmdialog-dialog-icon.icon {
+    color: var(--wm-color-black);
+    font-size: var(--wm-confirm-modal-icon-font-size);
+}
+
+.app-confirmdialog-message {
+    color: var(--wm-color-black);
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/dialogs/dialog.less

@@ -0,0 +1,77 @@
+.app-dialog {
+    background-color: var(--wm-modal-background);
+    border-radius: var(--wm-modal-radius);
+    padding: var(--wm-modal-body-padding);
+    min-width: var(--wm-modal-min-width);
+    margin-top: var(--wn-modal-margin);
+    margin-bottom: var(--wn-modal-margin);
+}
+
+.app-dialogcontent{
+    padding: var(--wn-modal-body-padding);
+}
+
+.btn-only-label.text {
+    color: var(--wm-color-primary);
+}
+
+.app-dialog.header {
+    padding: var(--wm-modal-header-padding);
+    border-style: var(--wm-modal-header-border-style);
+    border-color: var(--wm-modal-header-border-color);
+    border-width: var(--wm-modal-header-border-width);
+}
+
+.app-dialog-title {
+    padding-bottom: var(--wm-modal-header-label-padding-bottom);
+}
+
+.app-dialog-icon {
+    font-size: var(--wm-modal-icon-font-size);
+}
+
+.app-dialog-icon-text {
+    font-size: var(--wm-modal-icon-font-size);
+    font-weight: var(--wm-modal-icon-font-weight);
+    color: var(--wm-color-black);
+    max-width: unset;
+    padding: 0;
+}
+
+.btn-default.icon.root {
+    color: var(--wm-color-black);
+}
+
+.app-dialog.icon.icon {
+    color: var(--wm-color-black);
+    font-size: var(--wm-modal-icon-font-size);
+}
+
+.app-dialog-close-btn.root {
+    margin-bottom: var(--wm-modal-header-close-btn-margin);
+    border-width: var(--wm-modal-header-close-btn-border-width);
+}
+
+.app-dialog-close-btn .app-button-content {
+    min-height: unset;
+}
+
+.app-dialog-close-btn.icon.root {
+    min-width: unset;
+}
+
+.app-dialog-close-btn.icon.icon {
+    font-size: var(--wm-modal-header-close-btn-font-size);
+    color: var(--wm-modal-header-close-btn-color);
+}
+
+.app-dialog-footer {
+    padding: var(--wm-modal-footer-padding);
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: var(--wm-modal-footer-gap);
+    border-color: var(--wm-color-primary);
+}
+
+// @import (optional) url('../variables/modal-dialog.variant.less');

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/dialogs/dialogactions.less

@@ -0,0 +1,3 @@
+
+.app-dialogactions {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/dialogs/dialogcontent.less

@@ -0,0 +1,3 @@
+
+.app-dialogcontent {
+}

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/input/calendar/views.less

@@ -0,0 +1,3 @@
+
+.app-views {
+}