@wavemaker/rn-codegen 11.14.1-rc.6311 → 11.14.2-1.6423

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

@@ -0,0 +1,75 @@
+.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);
+}

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

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

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

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

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

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

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

@@ -0,0 +1,103 @@
+
+.app-calendar {
+    width: var(--wm-calendar-width);
+    min-height: var(--wm-calendar-min-height);
+    min-width: var(--wm-calendar-min-width);
+}
+
+.app-calendar-text {
+    color: var(--wm-color-black);
+}
+
+.app-calendar-wrapper {
+    box-shadow: var(--wm-calendar-view-shadow);
+    border-style: var(--wm-calendar-view-border-style);
+    border-radius: var(--wm-calendar-view-radius);
+    border-color: var(--wm-calendar-day-border-color);
+    background-color: var(--wm-calendar-header-background-color);
+}
+
+.app-calendar-header {
+    box-shadow: none;
+    border-radius: var(--wm-calendar-view-radius);
+    padding-top: var(--wm-calendar-fc-header-vertical-padding);
+    padding-bottom: var(--wm-calendar-fc-header-vertical-padding);
+    background-color: var(--wm-calendar-header-background-color);
+    border-color: var(--wm-calendar-header-background-color);
+    border-bottom-width: var(--wm-calendar-header-border-bottom-width);
+    border-style: var(--wm-calendar-header-border-style);
+}
+
+.app-calendar-week-day {
+    border-bottom-width: var(--wm-calendar-weekday-border-bottom-width);
+    border-style: var(--wm-calendar-weekday-border-style);
+    padding: var(--wm-calendar-weekday-padding);
+    background-color: var(--wm-calendar-header-background-color);
+    border-color: var(--wm-calendar-header-background-color);
+}
+
+.app-calendar-week-day-text {
+    color: var(--wm-calendar-fc-anchor-color);
+    font-weight: var(--wm-calendar-fc-header-text-font-weight);
+    font-family: var(--wm-calendar-weekday-text-font-family);
+    font-size: var(--wm-calendar-weekday-text-font-size);
+}
+
+.app-calendar-day {
+    color: var(--wm-calendar-fc-anchor-color);
+    font-size: var(--wm-calendar-weekday-text-font-size);
+    font-weight: var(--wm-calendar-fc-header-text-font-weight);
+    font-family: var(--wm-calendar-weekday-text-font-family);
+    border-color: var(--wm-calendar-day-border-color);
+}
+
+.app-calendar-not-day-of-month {
+    color: var(--wm-calendar-not-day-of-month-color);
+    font-weight: var(--wm-calendar-not-day-of-month-font-weight);
+}
+
+.app-calendar-month-text {
+    color: var(--wm-color-on-surface);
+    font-weight: var(--wm-font-weight-800);
+    font-family: var(--wm-calendar-weekday-text-font-family);
+}
+
+.app-calendar-year-text {
+    color: var(--wm-color-on-surface);
+    font-weight: var(--wm-font-weight-800);
+    font-family: var(--wm-calendar-weekday-text-font-family);
+}
+
+.app-calendar-today {
+    border-color: var(--wm-form-control-border-color);
+    background-color: var(--wm-calendar-header-background-color);
+}
+
+.app-calendar-eventDay1 {
+    color: var(--wm-calendar-event-day1-color1);
+}
+
+.app-calendar-eventDay2 {
+    color: var(--wm-calendar-event-day1-color2);
+}
+
+.app-calendar-eventDay3 {
+    color: var(--wm-calendar-event-day1-color3);
+}
+
+.app-calendar-selected-day {
+    background-color: var(--wm-calendar-fc-event-background);
+    border-color: var(--wm-calendar-fc-event-background);
+}
+
+.app-calendar-selected-day-text {
+    background-color: var(--wm-calendar-fc-event-background);
+    border-color: var(--wm-calendar-fc-event-background);
+    color: var(--wm-calendar-header-background-color);
+    font-weight: var(--wm-font-weight-700);
+}
+
+.app-calendar-header-skeleton {
+    width: var(--wm-calendar-header-skeleton-width);
+    margin-bottom: var(--wm-calendar-header-skeleton-margin-bottom);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/checkbox.less

@@ -0,0 +1,47 @@
+@import (optional) url('../variables/checkbox.variant.less');
+
+.app-checkbox-label {
+  margin-left: var(--wm-checkbox-label-margin-left);
+  font-size: var(--wm-checkbox-label-font-size);
+  font-family: var(--wm-checkbox-label-font-family);
+  color: var(--wm-checkbox-label-color);
+}
+
+.app-checkbox-checkicon.root{
+  width: var(--wm-checkbox-width);
+  height: var(--wm-checkbox-height);
+  background-color: var(--wm-checkbox-background-color);
+  border-color: var(--wm-checkbox-border-color);
+  border-width: var(--wm-checkbox-border-width);
+  border-radius: var(--wm-checkbox-border-radius);
+}
+
+.app-checkbox-checkicon.icon {
+  font-size: var(--wm-checkbox-icon-size);
+  color: var(--wm-checkbox-icon-color);
+}
+
+.app-checkbox-uncheckicon.root {
+  width: var(--wm-checkbox-width);
+  height: var(--wm-checkbox-height);
+  background-color: var(--wm-checkbox-background-color);
+  border-color: var(--wm-checkbox-border-color);
+  border-width: var(--wm-checkbox-border-width);
+  border-radius: var(--wm-checkbox-border-radius);
+}
+
+.app-checkbox-uncheckicon.icon {
+  color: var(--wm-checkbox-icon-color);
+}
+
+.app-checkbox-selected-label {
+  margin-left: var(--wm-checkbox-label-margin-left);
+  font-size: var(--wm-checkbox-label-font-size);
+  font-family: var(--wm-checkbox-label-font-family);
+  color: var(--wm-checkbox-label-color);
+}
+
+.app-checkbox-disabled .app-checkbox {
+  opacity: var(--wm-checkbox-opacity);
+  border-color: var(--wm-checkbox-border-color);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/checkboxset.less

@@ -0,0 +1,63 @@
+@import (optional) url('../variables/checkboxset.variant.less');
+
+.app-checkboxset-group-title {
+    color: var(--wm-checkboxset-title-color);
+    background-color: var(--wm-checkboxset-title-background-color);
+    padding-left: var(--wm-checkboxset-title-padding-left);
+    padding-right: var(--wm-checkboxset-title-padding-right);
+    font-size: var(--wm-checkboxset-title-font-size);
+    font-family: var(--wm-checkboxset-title-font-family);
+}
+
+.app-checkboxset-label {
+    font-size: var(--wm-checkboxset-label-font-size);
+    font-family: var(--wm-checkbox-label-font-family);
+    margin-left: var(--wm-checkboxset-label-margin-left);
+    color: var(--wm-checkboxset-label-color);
+}
+
+.app-checkboxset-checkicon.root {
+    width: var(--wm-checkboxset-width);
+    height: var(--wm-checkboxset-height);
+    background-color: var(--wm-checkboxset-background-color);
+    border-color: var(--wm-checkboxset-border-color);
+    border-width: var(--wm-checkboxset-border-width);
+    border-radius: var(--wm-checkboxset-border-radius);
+}
+
+.app-checkboxset-checkicon.icon {
+    font-size: var(--wm-checkboxset-icon-size);
+    color: var(--wm-checkboxset-icon-color);
+}
+
+.app-checkboxset-uncheckicon.root {
+    width: var(--wm-checkboxset-width);
+    height: var(--wm-checkboxset-height);
+    background-color: var(--wm-checkboxset-background-color);
+    border-color: var(--wm-checkboxset-border-color);
+    border-width: var(--wm-checkboxset-border-width);
+    border-radius: var(--wm-checkboxset-border-radius);
+}
+
+.app-checkboxset-uncheckicon.icon {
+    color: var(--wm-checkboxset-icon-color);
+}
+
+.app-checkboxset-item {
+    margin-right: var(--wm-checkboxset-item-margin-right);
+    margin-left: var(--wm-checkboxset-item-margin-left);
+    margin-top: var(--wm-checkboxset-item-margin-top);
+    margin-bottom: var(--wm-checkboxset-item-margin-bottom);
+}
+
+.app-checkboxset-selected-label {
+    font-size: var(--wm-checkboxset-label-font-size);
+    font-family: var(--wm-checkbox-label-font-family);
+    margin-left: var(--wm-checkboxset-label-margin-left);
+    color: var(--wm-checkboxset-label-color);
+}
+
+.app-checkboxset-disabled .app-checkboxset {
+    border-color: var(--wm-checkboxset-border-color);
+    opacity: var(--wm-checkboxset-opacity);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/chips.less

@@ -0,0 +1,109 @@
+@import (optional) url('../variables/chips.variant.less');
+.app-chips {
+  padding-top: var(--wm-chips-list-padding-top);
+  padding-bottom: var(--wm-chips-list-padding-bottom);
+  padding-left: var(--wm-chips-list-padding-left);
+  padding-right: var(--wm-chips-list-padding-right);
+  background-color: var(--wm-chips-list-background-color);
+  border-width: var(--wm-chips-list-border-width);
+  border-style: var(--wm-chips-list-border-style);
+  border-color: var(--wm-chips-list-border-color);
+  border-radius: var(--wm-chips-list-border-radius);
+  min-height: var(--wm-chips-list-height);
+  opacity: var(--wm-chips-opacity);
+  pointer-events: var(--wm-chips-pointer-events);
+}
+
+.app-chips-wrapper {
+  gap: var(--wm-chips-list-gap);
+}
+
+.app-chips-disabled .app-chips-item {
+  opacity: var(--wm-chips-opacity);
+  pointer-events: var(--wm-chips-pointer-events);
+}
+
+.app-chips-item {
+  gap: var(--wm-chips-item-gap);
+  min-height: var(--wm-chips-item-height);
+  height: var(--wm-chips-item-height);
+  padding-top: var(--wm-chips-item-padding-top);
+  padding-bottom: var(--wm-chips-item-padding-bottom);
+  padding-left: var(--wm-chips-item-padding-left);
+  padding-right: var(--wm-chips-item-padding-right);
+  background-color: var(--wm-chips-background-color);
+  border-radius: var(--wm-chips-item-border-radius);
+  border-width: var(--wm-chips-border-width);
+  border-style: var(--wm-chips-item-border-style);
+  border-color: var(--wm-chips-item-border-color);
+  font-family: var(--wm-chips-item-font-family);
+  font-weight: var(--wm-chips-item-font-weight);
+  font-size: var(--wm-chips-item-font-size);
+  line-height: var(--wm-chips-item-line-height);
+  letter-spacing: var(--wm-chips-item-letter-spacing);
+  box-shadow: var(--wm-chips-shadow);
+}
+
+.app-chips-assistchip {
+  gap: var(--wm-chips-item-gap);
+  min-height: var(--wm-chips-item-height);
+  height: var(--wm-chips-item-height);
+  padding-top: var(--wm-chips-item-padding-top);
+  padding-bottom: var(--wm-chips-item-padding-bottom);
+  padding-left: var(--wm-chips-item-padding-left);
+  padding-right: var(--wm-chips-item-padding-right);
+  color: var(--wm-chips-color);
+  background-color: var(--wm-chips-background-color);
+  border-radius: var(--wm-chips-item-border-radius);
+  border-width: var(--wm-chips-border-width);
+  border-style: var(--wm-chips-item-border-style);
+  border-color: var(--wm-chips-item-border-color);
+  box-shadow: var(--wm-chips-shadow);
+}
+
+.app-chips-item-text {
+  color: var(--wm-chips-color);
+  font-family: var(--wm-chips-item-font-family);
+  font-weight: var(--wm-chips-item-font-weight);
+  font-size: var(--wm-chips-item-font-size);
+  line-height: var(--wm-chips-item-line-height);
+  letter-spacing: var(--wm-chips-item-letter-spacing);
+}
+
+.app-chips-active-item {
+  background-color: var(--wm-chips-background-color);
+  border-color: var(--wm-chips-item-border-color);
+}
+
+.app-chips-active-item-text {
+  color: var(--wm-chips-color);
+}
+
+.app-chips-search-text {
+  padding-top: var(--wm-chips-input-padding-top);
+  padding-bottom: var(--wm-chips-input-padding-bottom);
+  padding-left: var(--wm-chips-input-padding-left);
+  padding-right: var(--wm-chips-input-padding-right);
+}
+
+.app-chips-search.placeholderText {
+  color: var(--wm-chips-list-place-holder-color);
+}
+
+.app-chips-done-icon .app-icon {
+  font-size: var(--wm-chips-item-icon-size);
+  padding-left: var(--wm-chips-item-icon-gap);
+  color: var(--wm-chips-item-icon-color);
+}
+
+.app-chips-clear-icon .app-icon {
+  font-size: var(--wm-chips-item-icon-size);
+  padding-right: var(--wm-chips-item-icon-gap);
+  color: var(--wm-chips-item-icon-color);
+}
+
+.app-chips-picture {
+  width: var(--wm-chips-item-avatar-size);
+  height: var(--wm-chips-item-avatar-size);
+  border-radius: var( --wm-chips-item-avatar-radius);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/composite.less

@@ -0,0 +1,4 @@
+
+.app-composite {
+    gap: var(--wm-form-group-gap);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/currency.less

@@ -0,0 +1,74 @@
+
+// .app-currency {
+//     min-height: var(--wm-currency-container-min-height);
+//     border-style: var(--wm-border-style);
+//     border-radius: var(--wm-currency-container-border-radius);
+// }
+
+// .app-currency-text {
+//     font-size: var(--wm-currency-inputgroup-addon-font-size);
+// }
+
+// .app-currency-input {
+//     font-size: var(--wm-currency-inputgroup-addon-font-size);
+//     min-height: var(--wm-currency-container-min-height);
+//     border-style: var(--wm-border-style);
+//     padding-top: var(--wm-currency-input-padding-top);
+//     padding-bottom: var(--wm-currency-input-padding-bottom);
+//     padding-left: var(--wm-currency-input-padding-left);
+//     padding-right: var(--wm-currency-input-padding-right);
+// }
+
+// .app-currency-label {
+//     background-color: var(--wm-color-primary);
+//     font-weight: var(--wm-currency-inputgroup-addon-font-weight);
+//     font-family: var(--wm-font-family-plain);
+//     font-size: var(--wm-currency-inputgroup-addon-font-size);
+// }
+
+// .app-currency-flotaing-label {
+// }
+
+// .app-currency-active-flotaing-label {
+//     color: var(--wm-form-control-border-color);
+// }
+
+// .app-currency-invalid {
+// }
+
+// .app-currency-focused {
+//     border-color: var(--wm-form-control-border-color);
+// }
+
+// .app-currency-placeholder {
+// }
+
+// .app-currency-skeleton {
+//     border-radius: var(--wm-currency-container-border-radius);
+// }
+
+// .app-currency-skeleton-label {
+// }
+
+// .app-currency-skeleton-label-wrapper {
+//     min-height: var(--wm-currency-container-min-height);
+// }
+
+// .app-currency-label-wrapper {
+//     background-color: var(--wm-color-primary);
+//     min-height: var(--wm-currency-container-min-height);
+//     border-top-left-radius: var(--wm-currency-container-border-radius);
+//     border-bottom-left-radius: var(--wm-currency-container-border-radius);
+//     padding-top: var(--wm-currency-input-padding-top);
+//     padding-bottom: var(--wm-currency-input-padding-bottom);
+//     padding-left: var(--wm-currency-input-padding-left);
+//     padding-right: var(--wm-currency-input-padding-right);
+//     width: var(--wm-currency-label-wrapper-width);
+// }
+
+// .app-currency-input-wrapper {
+//     width: var(--wm-currency-skeleton-text-input-wrapper-width);
+//     height: var(--wm-currency-skeleton-text-input-wrapper-height);
+//     border-radius: var(--wm-currency-skeleton-text-input-wrapper-border-radius);
+//     margin-left: var(--wm-currency-skeleton-text-input-wrapper-margin-left);
+// }

package/src/templates/foundation-theme/wavemaker/design-tokens/input/epoch/date.less

@@ -0,0 +1,44 @@
+.app-date {
+
+}
+
+.app-date-text{
+
+}
+
+.app-date-invalid {
+}
+
+.app-date-clear-icon {
+
+}
+
+.app-date-calendar-icon {
+
+}
+
+.app-date-flotaing-label{
+
+}
+
+.app-date-active-flotaing-label{
+
+}
+
+.app-date-action-wrapper {
+}
+
+.app-date-select-btn {
+}
+
+.app-date-cancel-btn {
+}
+
+.app-date-ios-dialog {
+}
+
+.app-date-picker-modal-select {
+}
+
+.app-date-picker-modal-cancel {
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/epoch/datetime.less

@@ -0,0 +1,38 @@
+.app-datetime {
+}
+
+.app-datetime-text{
+}
+
+.app-datetime-invalid {
+}
+
+.app-datetime-clear-icon {
+}
+
+.app-datetime-calendar-icon {
+}
+
+.app-datetime-flotaing-label{
+}
+
+.app-datetime-active-flotaing-label{
+}
+
+.app-datetime-action-wrapper {
+}
+
+.app-datetime-select-btn {
+}
+
+.app-datetime-cancel-btn {
+}
+
+.app-datetime-ios-dialog {
+}
+
+.app-datetime-picker-modal-select {
+}
+
+.app-datetime-picker-modal-cancel {
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/epoch/time.less

@@ -0,0 +1,38 @@
+.app-time {
+}
+
+.app-time-text{
+}
+
+.app-time-invalid {
+}
+
+.app-time-clear-icon {
+}
+
+.app-time-calendar-icon {
+}
+
+.app-time-flotaing-label{
+}
+
+.app-time-active-flotaing-label{
+}
+
+.app-time-action-wrapper {
+}
+
+.app-time-select-btn {
+}
+
+.app-time-cancel-btn {
+}
+
+.app-time-ios-dialog {
+}
+
+.app-time-picker-modal-select {
+}
+
+.app-time-picker-modal-cancel {
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/input/epoch/wheelpickermodal/datetime-picker-modal.less

@@ -0,0 +1,62 @@
+.app-datetime-picker-modal {}
+
+.app-datetime-picker-modal-text { 
+    font-size: var( --wm-datetime-text-font-size);
+    font-weight: var(--wm-datetime-text-font-weight);
+    color: var(--wm-datetime-text-color);
+}
+
+.app-datetime-picker-modal-container {
+    background-color: var(--wm-datetime-background);
+}
+
+.app-datetime-picker-modal-header { 
+    color:var(--wm-datetime-header-text-color);
+    font-size: var(--wm-datetime-header-text-font-size);
+    font-weight: var(--wm-datetime-header-text-font-weight);
+}
+
+.app-datetime-picker-modal-button-wrapper {
+}
+
+.app-datetime-picker-modal-cancel-btn { 
+    border-color: var(--wm-datetime-button-border-color);
+    border-width: var(--wm-datetime-button-border-width);
+    border-style: var(--wm-datetime-button-border-style);
+    border-radius: var(--wm-datetime-button-border-radius);
+    ripple-color:var(--wm-datetime-button-ripple-color);
+    background-color: var(--wm-datetime-cancel-button-background);
+}
+
+.app-datetime-picker-modal-cancel-btn-text { 
+    font-size: var(--wm-datetime-cancel-button-text-size);
+    font-weight: var(--wm-datetime-cancel-button-text-weight);
+    color: var(--wm-datetime-cancel-button-text-color);
+}
+
+.app-datetime-picker-modal-select-btn { 
+    background-color: var(--wm-datetime-selected-button-background);
+    border-color: var(--wm-datetime-button-border-color);
+    border-width: var(--wm-datetime-button-border-width);
+    border-style: var(--wm-datetime-button-border-style);
+    border-radius: var(--wm-datetime-button-border-radius);
+    ripple-color:var(--wm-datetime-button-ripple-color);
+}
+
+.app-datetime-picker-modal-select-btn-text { 
+    font-size: var(--wm-datetime-selected-button-text-size);
+    font-weight: var(--wm-datetime-selected-button-text-weight);
+    color: var(--wm-datetime-selected-button-text-color);       
+}
+
+.app-wheel-picker.itemText{
+    color:var(--wm-datetime-text-color);
+    font-size: var(--wm-datetime-text-font-size);
+    font-weight: var(--wm-datetime-text-font-weight);
+}
+
+.app-wheel-picker.selectedItemText{
+    color:var(--wm-datetime-selected-text-color);
+    font-size: var(--wm-datetime-selected-text-font-size);
+    font-weight: var(--wm-datetime-selected-text-font-weight);
+}