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

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

@@ -0,0 +1,143 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of list widget.
+***********************************************************************************/
+.app-list {
+}
+
+
+/**********************************************************************************
+To style the icon of list widget.
+***********************************************************************************/
+.app-list-icon {
+}
+
+
+/**********************************************************************************
+To style the loading icon of list widget.
+***********************************************************************************/
+.app-list-loading-icon {
+}
+
+
+.app-list-loading-icon .app-icon-text {
+    color: @listSubTitleColor;
+}
+
+
+/**********************************************************************************
+To style the header wrapper element of list widget.
+***********************************************************************************/
+.app-list-heading {
+    background-color: @listHeaderBgColor;
+}
+
+
+/**********************************************************************************
+To style the group header of list widget.
+***********************************************************************************/
+.app-list-group-heading {
+    background-color: @groupHeadingBgColor,;
+}
+
+
+/**********************************************************************************
+To style the title of list widget.
+***********************************************************************************/
+.app-list-title {
+    color: @listTitleColor;
+}
+
+
+/**********************************************************************************
+To style the subtitle of list widget.
+***********************************************************************************/
+.app-list-sub-title {
+    color: @listSubTitleColor;
+}
+
+
+/**********************************************************************************
+To style the no data message of list widget.
+***********************************************************************************/
+.app-list-empty-message {
+    color: @listSubTitleColor;
+}
+
+
+.app-list-on-demand-data-message {
+    color: @listSubTitleColor;
+}
+
+
+/**********************************************************************************
+To style outermost wrapper of On Demand Message.
+***********************************************************************************/
+.app-list-on-demand-data-message-container {
+}
+
+
+/**********************************************************************************
+To style the item of list widget.
+***********************************************************************************/
+.app-list-item {
+}
+
+
+/**********************************************************************************
+To style the container for an item in the list widget.
+***********************************************************************************/
+.app-list-item-container {
+}
+
+
+/**********************************************************************************
+To style the selected item of list widget.
+***********************************************************************************/
+.app-list-selected-item {
+}
+
+
+/**********************************************************************************
+To Style the selected icon.
+***********************************************************************************/
+.app-list-selected-icon {
+}
+
+
+.app-list-selected-icon-text {
+}
+
+
+/**********************************************************************************
+To Style the group of list widget.
+***********************************************************************************/
+.app-list-group {
+}
+
+
+/**********************************************************************************
+To style the skeleton of list item.
+***********************************************************************************/
+.app-list-item-skeleton {
+}
+
+
+/**********************************************************************************
+To style the container that contains all the list items.
+***********************************************************************************/
+.app-list-content-container {
+}
+
+
+/**********************************************************************************
+To style the container wrapping list items per row in a vertical list.
+***********************************************************************************/
+.app-list-item-column-wrapper {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/data/list.less');
+@import (optional) url('../../../custom/components/data/list.less');
+@import (optional) url('../../../custom/os/components/data/list.less');

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

@@ -0,0 +1,30 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of barcodescanner widget.
+***********************************************************************************/
+.app-barcodescanner {
+    background-color: @barcodeScannerBgColor;
+    border-color: @barcodeScannerBorderColor;
+}
+
+
+/**********************************************************************************
+To style the text of barcodescanner widget.
+***********************************************************************************/
+.app-barcodescanner-text {
+    color: @barcodeScannerTextColor;
+}
+
+
+/**********************************************************************************
+To style the icon of barcodescanner widget.
+***********************************************************************************/
+.app-barcodescanner-icon {
+    color: @barcodeScannerTextColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/device/barcodescanner.less');
+@import (optional) url('../../../custom/components/device/barcodescanner.less');
+@import (optional) url('../../../custom/os/components/device/barcodescanner.less');

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

@@ -0,0 +1,30 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of camera widget.
+***********************************************************************************/
+.app-camera {
+    background-color: @cameraBgColor;
+    border-color: @cameraBorderColor;
+}
+
+
+/**********************************************************************************
+To style the text of camera widget.
+***********************************************************************************/
+.app-camera-text {
+    color: @cameraTextColor;
+}
+
+
+/**********************************************************************************
+To style the icon of camera widget.
+***********************************************************************************/
+.app-camera-icon {
+    color: @cameraTextColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/device/camera.less');
+@import (optional) url('../../../custom/components/device/camera.less');
+@import (optional) url('../../../custom/os/components/device/camera.less');

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

@@ -0,0 +1,41 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of alert dialog.
+***********************************************************************************/
+.app-alertdialog {
+}
+
+
+/**********************************************************************************
+To style the content of alert dialog.
+***********************************************************************************/
+.app-alertdialog-content {
+}
+
+
+/**********************************************************************************
+To style the actions of alert dialog.
+***********************************************************************************/
+.app-alertdialog-actions {
+}
+
+
+/**********************************************************************************
+To style the ok button of alert dialog.
+***********************************************************************************/
+.app-alertdialog-ok {
+}
+
+
+/**********************************************************************************
+To style the message of alert dialog.
+***********************************************************************************/
+.app-alertdialog-message {
+    color: @alertMessageColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/dialogs/alertdialog.less');
+@import (optional) url('../../../custom/components/dialogs/alertdialog.less');
+@import (optional) url('../../../custom/os/components/dialogs/alertdialog.less');

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

@@ -0,0 +1,61 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of confirm dialog.
+***********************************************************************************/
+.app-confirmdialog {
+}
+
+
+/**********************************************************************************
+To style the content of confirm dialog.
+***********************************************************************************/
+.app-confirmdialog-content {
+}
+
+
+/**********************************************************************************
+To style the actions of confirm dialog.
+***********************************************************************************/
+.app-confirmdialog-actions {
+}
+
+
+.app-confirmdialog-dialogActions.root {
+}
+
+
+/**********************************************************************************
+To style the ok button of confirm dialog.
+***********************************************************************************/
+.app-confirmdialog-ok {
+}
+
+
+.app-confirmdialog-okButton-text {
+}
+
+
+.app-confirmdialog-cancelButton.root {
+}
+
+
+.app-confirmdialog-cancelButton-text {
+}
+
+
+.app-confirmdialog-dialog-icon.icon {
+}
+
+
+/**********************************************************************************
+To style the message of confirm dialog.
+***********************************************************************************/
+.app-confirmdialog-message {
+    color: @alertMessageColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/dialogs/confirmdialog.less');
+@import (optional) url('../../../custom/components/dialogs/confirmdialog.less');
+@import (optional) url('../../../custom/os/components/dialogs/confirmdialog.less');

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

@@ -0,0 +1,84 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of dialog.
+***********************************************************************************/
+.app-dialog {
+    background-color: @dialogBackgroundColor;
+}
+
+
+/**********************************************************************************
+To style the dialog modal.
+***********************************************************************************/
+.app-dialog-modal {
+}
+
+
+/**********************************************************************************
+To style the content of dialog.
+***********************************************************************************/
+.app-dialog-modal-content {
+}
+
+
+.btn-only-label.root {
+}
+
+
+.btn-only-label.text {
+}
+
+
+/**********************************************************************************
+To style the header of dialog.
+***********************************************************************************/
+.app-dialog-header {
+    border-color: @dialogBorderColor;
+}
+
+
+/**********************************************************************************
+To style the title of dialog.
+***********************************************************************************/
+.app-dialog-title {
+}
+
+
+/**********************************************************************************
+To style the icon of dialog.
+***********************************************************************************/
+.app-dialog-icon {
+}
+
+
+.app-dialog-icon-text {
+}
+
+
+.btn-default.icon.root {
+}
+
+
+.app-dialog-icon.icon {
+}
+
+
+.app-dialog-close-btn.icon.icon {
+}
+
+
+.btn-primary.root {
+}
+
+
+/**********************************************************************************
+To style the close button of dialog.
+***********************************************************************************/
+.app-dialog-close-btn {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/dialogs/dialog.less');
+@import (optional) url('../../../custom/components/dialogs/dialog.less');
+@import (optional) url('../../../custom/os/components/dialogs/dialog.less');

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

@@ -0,0 +1,13 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of dialog actions
+***********************************************************************************/
+.app-dialogactions {
+    border-color: @dialogBorderColor;
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/dialogs/dialogactions.less');
+@import (optional) url('../../../custom/components/dialogs/dialogactions.less');
+@import (optional) url('../../../custom/os/components/dialogs/dialogactions.less');

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

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

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

@@ -0,0 +1,5 @@
+@import url('../../variables.less');
+
+@import (optional) url('../../../wavemaker/design-tokens/input/basedataset.less');
+@import (optional) url('../../../custom/components/input/basedataset.less');
+@import (optional) url('../../../custom/os/components/input/basedataset.less');

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

@@ -0,0 +1,5 @@
+@import url('../../variables.less');
+
+@import (optional) url('../../../wavemaker/design-tokens/input/baseinput.less');
+@import (optional) url('../../../custom/components/input/baseinput.less');
+@import (optional) url('../../../custom/os/components/input/baseinput.less');

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

@@ -0,0 +1,5 @@
+@import url('../../variables.less');
+
+@import (optional) url('../../../wavemaker/design-tokens/input/basenumber.less');
+@import (optional) url('../../../custom/components/input/basenumber.less');
+@import (optional) url('../../../custom/os/components/input/basenumber.less');

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

@@ -0,0 +1,9 @@
+@import url('../../../variables.less');
+
+
+.app-views {
+}
+
+@import (optional) url('../../../../wavemaker/design-tokens/input/calendar/views.less');
+@import (optional) url('../../../../custom/components/input/calendar/views.less');
+@import (optional) url('../../../../custom/os/components/input/calendar/views.less');

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

@@ -0,0 +1,207 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of calendar widget.
+***********************************************************************************/
+.app-calendar {
+}
+
+
+/**********************************************************************************
+To style the text of calendar widget.
+***********************************************************************************/
+.app-calendar-text {
+    color: calendarDateColor;
+}
+
+
+/**********************************************************************************
+To style the container of calendar widget.
+***********************************************************************************/
+.app-calendar-wrapper {
+    background-color: @calendarBgColor;
+    border-color: @calendarHeaderBgColor;
+}
+
+
+/**********************************************************************************
+To style the header of calendar widget.
+***********************************************************************************/
+.app-calendar-header {
+    background-color: @calendarHeaderBgColor;
+    border-color: @calendarHeaderBgColor;
+}
+
+
+/**********************************************************************************
+To style the week day of calendar widget.
+***********************************************************************************/
+.app-calendar-week-day {
+    background-color: @calendarHeaderBgColor;
+    border-color: @calendarHeaderBgColor;
+}
+
+
+/**********************************************************************************
+To style the week day text of calendar widget.
+***********************************************************************************/
+.app-calendar-week-day-text {
+    color: @calendarWeekDayTextColor;
+}
+
+
+/**********************************************************************************
+To style the day text of calendar widget.
+***********************************************************************************/
+.app-calendar-day {
+    background-color: @calendarBgColor;
+    color: @calendarDateColor;
+}
+
+
+/**********************************************************************************
+To style the day of calendar widget.
+***********************************************************************************/
+.app-calendar-not-day-of-month {
+    color: @calendarNotCurrentMonthDateColor;
+}
+
+
+/**********************************************************************************
+To style the month text of calendar widget.
+***********************************************************************************/
+.app-calendar-month-text {
+    color: @calendarHeaderTextColor;
+}
+
+
+/**********************************************************************************
+To style the year text of calendar widget.
+***********************************************************************************/
+.app-calendar-year-text {
+    color: @calendarHeaderTextColor;
+}
+
+
+/**********************************************************************************
+To style the current day of calendar widget.
+***********************************************************************************/
+.app-calendar-today {
+    background-color: @calendarTodayBgColor;
+}
+
+
+/**********************************************************************************
+To style the current day text of calendar widget.
+***********************************************************************************/
+.app-calendar-today-text {
+    background-color: @transparent;
+}
+
+
+/**********************************************************************************
+To style the day1 event of calendar widget.
+***********************************************************************************/
+.app-calendar-eventDay1 {
+    color: @calendarEventDay1Color;
+}
+
+
+/**********************************************************************************
+To style the day2 event of calendar widget.
+***********************************************************************************/
+.app-calendar-eventDay2 {
+    color: @calendarEventDay2Color;
+}
+
+
+/**********************************************************************************
+To style the day3 event of calendar widget.
+***********************************************************************************/
+.app-calendar-eventDay3 {
+    color: @calendarEventDay3Color;
+}
+
+
+/**********************************************************************************
+To style the selected day of calendar widget.
+***********************************************************************************/
+.app-calendar-selected-day {
+    background-color: @calendarSelectedDayBgColor;
+}
+
+
+/**********************************************************************************
+To style the selected day text of calendar widget.
+***********************************************************************************/
+.app-calendar-selected-day-text {
+    color: @calendarSelectedDayTextColor;
+}
+
+
+/**********************************************************************************
+To style the previous month button of calendar widget.
+***********************************************************************************/
+.app-calendar-prev-month-btn {
+}
+
+
+.app-calendar-prev-month-btn.root {
+}
+
+
+.app-calendar-prev-month-btn .app-icon-text {
+    color: @calendarPrevMonthIconColor;
+}
+
+
+/**********************************************************************************
+To style the next month button of calendar widget.
+***********************************************************************************/
+.app-calendar-next-month-btn {
+}
+
+
+.app-calendar-next-month-btn.root {
+}
+
+
+.app-calendar-next-month-btn .app-icon-text {
+    color: @calendarNextMonthIconColor;
+}
+
+
+/**********************************************************************************
+To style the previous year button of calendar widget.
+***********************************************************************************/
+.app-calendar-prev-year-btn {
+}
+
+
+.app-calendar-prev-year-btn .app-icon-text {
+    color: @calendarPrevYearIconColor;
+}
+
+
+/**********************************************************************************
+To style the next year button of calendar widget.
+***********************************************************************************/
+.app-calendar-next-year-btn {
+}
+
+
+.app-calendar-next-year-btn .app-icon-text {
+    color: @calendarNextYearIconColor;
+}
+
+
+/**********************************************************************************
+To style the skeleton of calendar header widget.
+***********************************************************************************/
+.app-calendar-header-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/input/calendar.less');
+@import (optional) url('../../../custom/components/input/calendar.less');
+@import (optional) url('../../../custom/os/components/input/calendar.less');