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

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

@@ -0,0 +1,100 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of checkbox widget.
+***********************************************************************************/
+.app-checkbox {
+}
+
+
+/**********************************************************************************
+To specify the color of checkbox widget.
+***********************************************************************************/
+.app-checkbox-color {
+    color: @checkedColor;
+}
+
+
+/**********************************************************************************
+To style the label of checkbox widget.
+***********************************************************************************/
+.app-checkbox-label {
+}
+
+
+/**********************************************************************************
+To style the skeleton of checkbox widget.
+***********************************************************************************/
+.app-checkbox-skeleton {
+}
+
+
+/**********************************************************************************
+To style the checked icon of checkbox widget.
+***********************************************************************************/
+.app-checkbox-checkicon {
+}
+
+
+/**********************************************************************************
+To style the unchecked icon of checkbox widget.
+***********************************************************************************/
+.app-checkbox-uncheckicon {
+}
+
+
+.app-checkbox-selected-label {
+}
+
+
+.app-checkbox-checked-item {
+}
+
+
+.app-checkbox-uncheckicon.root {
+}
+
+
+.app-checkbox-uncheckicon.icon {
+}
+
+
+.app-checkbox-checkicon.root {
+}
+
+
+.app-checkbox-checkicon .text {
+}
+
+
+.app-checkbox-checkicon.label {
+}
+
+
+.app-checkbox-label-skeleton .root {
+}
+
+
+.app-checkbox-icon-skeleton .root {
+}
+
+
+.app-checkbox-checkicon-skeleton {
+}
+
+
+.app-checkbox-label-skeleton {
+}
+
+
+.app-checkbox-checkicon.icon {
+}
+
+
+.app-checkbox-icon-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/input/checkbox.less');
+@import (optional) url('../../../custom/components/input/checkbox.less');
+@import (optional) url('../../../custom/os/components/input/checkbox.less');

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

@@ -0,0 +1,90 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset {
+}
+
+
+/**********************************************************************************
+To style the group header title of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-group-title {
+    background-color: @groupHeadingBgColor;
+}
+
+
+/**********************************************************************************
+To style the checkbox item wrapper element of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-item {
+}
+
+
+.app-checkboxset-checked-item {
+}
+
+
+.app-checkboxset-checkicon.icon {
+}
+
+
+/**********************************************************************************
+To style the checkbox label of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-label {
+}
+
+
+/**********************************************************************************
+To style the skeleton of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-skeleton {
+}
+
+
+/**********************************************************************************
+To style the checked icon of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-checkicon {
+}
+
+
+.app-checkboxset-checkicon-root {
+}
+
+
+.app-checkboxset-checkicon-text {
+}
+
+
+.app-checkboxset-checkicon-icon {
+}
+
+
+/**********************************************************************************
+To style the unchecked icon of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-uncheckicon {
+}
+
+
+.app-checkboxset-uncheckicon-root {
+}
+
+
+.app-checkboxset-uncheckicon-icon {
+}
+
+
+/**********************************************************************************
+To style the selected label of checkboxset widget.
+***********************************************************************************/
+.app-checkboxset-selected-label {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/input/checkboxset.less');
+@import (optional) url('../../../custom/components/input/checkboxset.less');
+@import (optional) url('../../../custom/os/components/input/checkboxset.less');

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

@@ -0,0 +1,150 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of chips widget.
+***********************************************************************************/
+.app-chips {
+}
+
+
+/**********************************************************************************
+To style the wrapper element of chips widget.
+***********************************************************************************/
+.app-chips-wrapper {
+}
+
+
+/**********************************************************************************
+To style the chip item of chips widget.
+***********************************************************************************/
+.app-chips-item {
+}
+
+
+.app-chips-assistchip {
+}
+
+
+/**********************************************************************************
+To style the chip item text of chips widget.
+***********************************************************************************/
+.app-chips-item-text {
+}
+
+
+/**********************************************************************************
+To style the active chip item of chips widget.
+***********************************************************************************/
+.app-chips-active-item {
+    background-color: @chipSelectedContainerColor;
+    border-color: @chipSelectedContainerColor;
+}
+
+
+/**********************************************************************************
+To style the active chip item text of chips widget.
+***********************************************************************************/
+.app-chips-active-item-text {
+    color: @chipActiveTextColor;
+}
+
+
+/**********************************************************************************
+To style the search wrapper element of chips widget.
+***********************************************************************************/
+.app-chips-search-container {
+}
+
+
+/**********************************************************************************
+To style the search of chips widget.
+***********************************************************************************/
+.app-chips-search {
+}
+
+
+.app-chips-search-text {
+}
+
+
+/**********************************************************************************
+To style the done icon of chips widget.
+***********************************************************************************/
+.app-chips-done-icon {
+}
+
+
+/**********************************************************************************
+To style the clear icon of chips widget.
+***********************************************************************************/
+.app-chips-clear-icon {
+    color: @chipActiveTextColor;
+}
+
+
+/**********************************************************************************
+To style the picture of chips widget.
+***********************************************************************************/
+.app-chips-picture {
+}
+
+
+/**********************************************************************************
+To style the left icon displayed on the left side of chip items.
+***********************************************************************************/
+.app-chips-left-icon {
+}
+
+
+/**********************************************************************************
+To style the right icon displayed on the right side of chip items.
+***********************************************************************************/
+.app-chips-right-icon {
+}
+
+
+/**********************************************************************************
+To style the left badge text displayed on the left side of chip items.
+***********************************************************************************/
+.app-chips-left-badge {
+}
+
+
+/**********************************************************************************
+To style the right badge text displayed on the right side of chip items.
+***********************************************************************************/
+.app-chips-right-badge {
+}
+
+
+/**********************************************************************************
+To style the left badge text when the chip item is in active/selected state.
+***********************************************************************************/
+.app-chips-active-left-badge {
+}
+
+
+/**********************************************************************************
+To style the right badge text when the chip item is in active/selected state.
+***********************************************************************************/
+.app-chips-active-right-badge {
+}
+
+
+/**********************************************************************************
+To style the left icon when the chip item is in active/selected state.
+***********************************************************************************/
+.app-chips-active-left-icon {
+}
+
+
+/**********************************************************************************
+To style the right icon when the chip item is in active/selected state.
+***********************************************************************************/
+.app-chips-active-right-icon {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/input/chips.less');
+@import (optional) url('../../../custom/components/input/chips.less');
+@import (optional) url('../../../custom/os/components/input/chips.less');

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

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

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

@@ -0,0 +1,101 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of currency widget.
+***********************************************************************************/
+.app-currency {
+    border-color: @inputBorderColor;
+    background-color: @inputBackgroundColor;
+}
+
+
+.app-currency-text {
+}
+
+
+.app-currency-input {
+}
+
+
+/**********************************************************************************
+To style the label of currency widget.
+***********************************************************************************/
+.app-currency-label {
+    background-color: @primaryColor;
+    color: @primaryContrastColor;
+}
+
+
+/**********************************************************************************
+To style the floating-label in number widget.
+***********************************************************************************/
+.app-currency-flotaing-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when it is floating at top of number widget.
+***********************************************************************************/
+.app-currency-active-flotaing-label {
+}
+
+
+/**********************************************************************************
+To style the invalid state of currency widget.
+***********************************************************************************/
+.app-currency-invalid {
+    border-bottom-color: @inputInvalidBorderColor;
+}
+
+
+/**********************************************************************************
+To style the focused state of currency widget.
+***********************************************************************************/
+.app-currency-focused {
+    border-color: @inputFocusBorderColor;
+}
+
+
+/**********************************************************************************
+To style the placeholder text of currency widget.
+***********************************************************************************/
+.app-currency-placeholder {
+    color: @inputPlaceholderColor;
+}
+
+
+/**********************************************************************************
+To style the skeleton of currency widget.
+***********************************************************************************/
+.app-currency-skeleton {
+}
+
+
+/**********************************************************************************
+To style the skeleton of currency label.
+***********************************************************************************/
+.app-currency-skeleton-label {
+}
+
+
+/**********************************************************************************
+To style the skeleton of currency label wrapper.
+***********************************************************************************/
+.app-currency-skeleton-label-wrapper {
+}
+
+
+.app-currency-label-wrapper {
+}
+
+
+/**********************************************************************************
+To style the skeleton of currency input wrapper.
+***********************************************************************************/
+.app-currency-input-wrapper {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/input/currency.less');
+@import (optional) url('../../../custom/components/input/currency.less');
+@import (optional) url('../../../custom/os/components/input/currency.less');

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

@@ -0,0 +1,83 @@
+@import url('../../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of wm-date
+***********************************************************************************/
+.app-date {
+    background-color: @inputBackgroundColor;
+    border-color: @inputBorderColor;
+}
+
+
+/**********************************************************************************
+To style the text of wm-date
+***********************************************************************************/
+.app-date-text {
+    color: @inputTextColor;
+}
+
+
+.app-date-invalid {
+    border-bottom-color: @inputInvalidBorderColor;
+}
+
+
+/**********************************************************************************
+To style the clear icon of wm-date
+***********************************************************************************/
+.app-date-clear-icon {
+}
+
+
+/**********************************************************************************
+To style the calendar icon of wm-date
+***********************************************************************************/
+.app-date-calendar-icon {
+}
+
+
+/**********************************************************************************
+To style the floating-label in date widget.
+***********************************************************************************/
+.app-date-flotaing-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when it is floating at top of date widget.
+***********************************************************************************/
+.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 {
+}
+
+
+.app-date-place-holder-text {
+}
+
+@import (optional) url('../../../../wavemaker/design-tokens/input/epoch/date.less');
+@import (optional) url('../../../../custom/components/input/epoch/date.less');
+@import (optional) url('../../../../custom/os/components/input/epoch/date.less');

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

@@ -0,0 +1,92 @@
+@import url('../../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of wm-datetime
+***********************************************************************************/
+.app-datetime {
+    background-color: @inputBackgroundColor;
+    border-color: @inputBorderColor;
+}
+
+
+/**********************************************************************************
+To style the text of wm-datetime
+***********************************************************************************/
+.app-datetime-text {
+    color: @inputTextColor;
+}
+
+
+/**********************************************************************************
+To style the invalid state of wm-datetime
+***********************************************************************************/
+.app-datetime-invalid {
+    border-bottom-color: @inputInvalidBorderColor;
+}
+
+
+/**********************************************************************************
+To style the clear icon of wm-datetime
+***********************************************************************************/
+.app-datetime-clear-icon {
+}
+
+
+/**********************************************************************************
+To style the calendar icon of wm-datetime
+***********************************************************************************/
+.app-datetime-calendar-icon {
+}
+
+
+/**********************************************************************************
+To style the floating-label in date-time widget.
+***********************************************************************************/
+.app-datetime-flotaing-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when it is floating at top of date-time widget.
+***********************************************************************************/
+.app-datetime-active-flotaing-label {
+}
+
+
+.app-datetime-action-wrapper {
+}
+
+
+.app-datetime-select-btn {
+}
+
+
+.app-datetime-cancel-btn {
+}
+
+
+.app-datetime-ios-dialog {
+}
+
+
+/**********************************************************************************
+To style the select button in datetime picker modal of date-time widget.
+***********************************************************************************/
+.app-datetime-picker-modal-select {
+}
+
+
+/**********************************************************************************
+To style the cancel button in datetime picker modal of date-time widget.
+***********************************************************************************/
+.app-datetime-picker-modal-cancel {
+}
+
+
+.app-datetime-place-holder-text {
+}
+
+@import (optional) url('../../../../wavemaker/design-tokens/input/epoch/datetime.less');
+@import (optional) url('../../../../custom/components/input/epoch/datetime.less');
+@import (optional) url('../../../../custom/os/components/input/epoch/datetime.less');