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

package/src/templates/foundation-theme/wavemaker/assets/fonts/font.config.json

@@ -0,0 +1,53 @@
+{
+    "baseFont" : "Roboto",
+    "fonts" : [
+        {
+            "name": "Roboto",
+            "path": "./Roboto/Roboto-Regular.ttf"
+        },
+        {
+            "name": "Roboto-Italic",
+            "path": "./Roboto/Roboto-Italic.ttf"
+        },
+        {
+            "name": "Roboto-Black",
+            "path": "./Roboto/Roboto-Italic.ttf"
+        },
+        {
+            "name": "Roboto-BlackItalic",
+            "path": "./Roboto/Roboto-BlackItalic.ttf"
+        },
+        {
+            "name": "Roboto-Bold",
+            "path": "./Roboto/Roboto-Bold.ttf"
+        },
+        {
+            "name": "Roboto-Boldtalic",
+            "path": "./Roboto/Roboto-BoldItalic.ttf"
+        },
+        {
+            "name": "Roboto-Light",
+            "path": "./Roboto/Roboto-Light.ttf"
+        },
+        {
+            "name": "Roboto-LightItalic",
+            "path": "./Roboto/Roboto-LightItalic.ttf"
+        },
+        {
+            "name": "Roboto-Medium",
+            "path": "./Roboto/Roboto-Medium.ttf"
+        },
+        {
+            "name": "Roboto-MediumItalic",
+            "path": "./Roboto/Roboto-MediumItalic.ttf"
+        },
+        {
+            "name": "Roboto-Thin",
+            "path": "./Roboto/Roboto-Thin.ttf"
+        },
+        {
+            "name": "Roboto-ThinItalic",
+            "path": "./Roboto/Roboto-ThinItalic.ttf"
+        }
+    ]
+}

package/src/templates/foundation-theme/wavemaker/assets/readme.txt

@@ -0,0 +1 @@
+This is empty

package/src/templates/foundation-theme/wavemaker/components/advanced/carousel/carousel-content.less

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

package/src/templates/foundation-theme/wavemaker/components/advanced/carousel/carousel-template.less

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

package/src/templates/foundation-theme/wavemaker/components/advanced/carousel.less

@@ -0,0 +1,126 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of the carousel widget.
+***********************************************************************************/
+.app-carousel {
+}
+
+
+/**********************************************************************************
+To style the arrow indicators wrapper element of carousel widget.
+***********************************************************************************/
+.app-carousel-btn-panel {
+}
+
+
+/**********************************************************************************
+To style slide.
+***********************************************************************************/
+.app-carousel-slide {
+}
+
+
+/**********************************************************************************
+To style the first slide.
+***********************************************************************************/
+.app-carousel-first-slide {
+}
+
+
+/**********************************************************************************
+To style the last slide.
+***********************************************************************************/
+.app-carousel-last-slide {
+}
+
+
+/**********************************************************************************
+To style the active slide.
+***********************************************************************************/
+.app-carousel-active-slide {
+}
+
+
+/**********************************************************************************
+To style the previous(left) arrow indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-prev-btn {
+}
+
+
+.app-carousel-prev-btn .root {
+}
+
+
+.app-carousel-prev-btn .text {
+}
+
+
+.app-carousel-prev-btn .app-icon-shape {
+    color: @carouselPrevBtnColor;
+}
+
+
+/**********************************************************************************
+To style the next(right) arrow indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-next-btn {
+}
+
+
+.app-carousel-next-btn .app-icon-shape {
+    color: @carouselNextBtnColor;
+}
+
+
+.app-carousel-next-btn .root {
+}
+
+
+.app-carousel-next-btn .text {
+}
+
+
+/**********************************************************************************
+To style dot container.
+***********************************************************************************/
+.app-carousel-dot-wrapper {
+    background-color: @carouselDotWrapperBgColor;
+}
+
+
+.app-carousel-dot-container {
+}
+
+
+/**********************************************************************************
+To style the dot indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-dot {
+    background-color: @carouselActiveDotColor;
+}
+
+
+/**********************************************************************************
+To style the active dot indicator of carousel widget.
+***********************************************************************************/
+.app-carousel-active-dot {
+    background-color: @carouselDotColor;
+}
+
+
+/**********************************************************************************
+To style the skeleton of the carousel widget
+***********************************************************************************/
+.app-carousel-skeleton {
+}
+
+
+.app-carousel-dot-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/carousel.less');
+@import (optional) url('../../../custom/components/advanced/carousel.less');
+@import (optional) url('../../../custom/os/components/advanced/carousel.less');

package/src/templates/foundation-theme/wavemaker/components/advanced/customwidgetcontainer.less

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

package/src/templates/foundation-theme/wavemaker/components/advanced/login.less

@@ -0,0 +1,30 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of login widget.
+***********************************************************************************/
+.app-login {
+}
+
+
+.app-login-text {
+}
+
+
+/**********************************************************************************
+To style the error message of login widget.
+***********************************************************************************/
+.app-login-error-message {
+}
+
+
+/**********************************************************************************
+To style the login form container.
+***********************************************************************************/
+.app-login-form-container {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/login.less');
+@import (optional) url('../../../custom/components/advanced/login.less');
+@import (optional) url('../../../custom/os/components/advanced/login.less');

package/src/templates/foundation-theme/wavemaker/components/advanced/network-toast.less

@@ -0,0 +1,40 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of the Network toast message widget.
+***********************************************************************************/
+.app-network-info-toaster {
+}
+
+
+/**********************************************************************************
+To style the Network toast message text.
+***********************************************************************************/
+.app-network-info-toaster-text {
+}
+
+
+/**********************************************************************************
+To style actions in the Network toast.
+***********************************************************************************/
+.app-network-info-toaster-action {
+}
+
+
+/**********************************************************************************
+To style text of actions in the Network toast.
+***********************************************************************************/
+.app-network-info-toaster-action-text {
+}
+
+
+/**********************************************************************************
+To style the separator between actions
+***********************************************************************************/
+.app-network-info-toaster-action-separator {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/network-toast.less');
+@import (optional) url('../../../custom/components/advanced/network-toast.less');
+@import (optional) url('../../../custom/os/components/advanced/network-toast.less');

package/src/templates/foundation-theme/wavemaker/components/advanced/webview.less

@@ -0,0 +1,23 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of webview component.
+***********************************************************************************/
+.app-webview {
+}
+
+
+/**********************************************************************************
+To style the content of webview component.
+***********************************************************************************/
+.app-webview-content {
+}
+
+
+.app-webview-container {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/advanced/webview.less');
+@import (optional) url('../../../custom/components/advanced/webview.less');
+@import (optional) url('../../../custom/os/components/advanced/webview.less');

package/src/templates/foundation-theme/wavemaker/components/basic/anchor.less

@@ -0,0 +1,266 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of anchor widget.
+***********************************************************************************/
+.app-anchor {
+}
+
+
+/**********************************************************************************
+To style the caption text of anchor widget.
+***********************************************************************************/
+.app-anchor-text {
+    color: @linkDefaultColor;
+}
+
+
+/**********************************************************************************
+To style the badge of anchor widget.
+***********************************************************************************/
+.app-anchor-badge {
+}
+
+
+/**********************************************************************************
+To style the icon of anchor widget.
+***********************************************************************************/
+.app-anchor-icon {
+}
+
+
+.app-anchor-icon.app-icon {
+    color: @linkDefaultColor;
+}
+
+
+.app-anchor-icon-text {
+}
+
+
+.app-anchor-icon-image {
+}
+
+
+/**********************************************************************************
+To style the skeleton of anchor widget.
+***********************************************************************************/
+.app-anchor-skeleton {
+}
+
+
+.link-primary.app-anchor-text {
+    color: @linkPrimaryColor;
+}
+
+
+.link-primary.app-anchor-icon .app-icon {
+    color: @linkPrimaryColor;
+}
+
+
+.link-primary.app-anchor-badge {
+    background-color: fade(@linkPrimaryColor, 20%);
+    color: @linkPrimaryColor;
+}
+
+
+.link-secondary.app-anchor-text {
+    color: @linkSecondaryColor;
+}
+
+
+.link-secondary.app-anchor-icon .app-icon {
+    color: @linkSecondaryColor;
+}
+
+
+.link-secondary.app-anchor-badge {
+    background-color: fade(@linkSecondaryColor, 20%);
+    color: @linkSecondaryColor;
+}
+
+
+.link-success.app-anchor-text {
+    color: @linkSuccessColor;
+}
+
+
+.link-success.app-anchor-icon .app-icon {
+    color: @linkSuccessColor;
+}
+
+
+.link-success.app-anchor-badge {
+    background-color: fade(@linkSuccessColor, 20%);
+    color: @linkSuccessColor;
+}
+
+
+.link-danger.app-anchor-text {
+    color: @linkDangerColor;
+}
+
+
+.link-danger.app-anchor-icon .app-icon {
+    color: @linkDangerColor;
+}
+
+
+.link-danger.app-anchor-badge {
+    background-color: fade(@linkDangerColor, 20%);
+    color: @linkDangerColor;
+}
+
+
+.link-warning.app-anchor-text {
+    color: @linkWarningColor;
+}
+
+
+.link-warning.app-anchor-icon .app-icon {
+    color: @linkWarningColor;
+}
+
+
+.link-warning.app-anchor-badge {
+    background-color: fade(@linkWarningColor, 20%);
+    color: @linkWarningColor;
+}
+
+
+.link-info.app-anchor-text {
+    color: @linkInfoColor;
+}
+
+
+.link-info.app-anchor-icon .app-icon {
+    color: @linkInfoColor;
+}
+
+
+.link-info.app-anchor-badge {
+    background-color: fade(@linkInfoColor, 20%);
+    color: @linkInfoColor;
+}
+
+
+.link-light.app-anchor-text {
+    color: @linkLightColor;
+}
+
+
+.link-light.app-anchor-icon .app-icon {
+    color: @linkLightColor;
+}
+
+
+.link-light.app-anchor-badge {
+    background-color: fade(@linkLightColor, 20%);
+    color: @linkLightColor;
+}
+
+
+.link-dark.app-anchor-text {
+    color: @linkDarkColor;
+}
+
+
+.link-dark.app-anchor-icon .app-icon {
+    color: @linkDarkColor;
+}
+
+
+.link-dark.app-anchor-badge {
+    background-color: fade(@linkDarkColor, 20%);
+    color: @linkDarkColor;
+}
+
+
+.link-primary.app-anchor-text {
+}
+
+
+.link-primary.app-anchor-icon .app-icon {
+}
+
+
+.link-primary.app-anchor-badge {
+}
+
+
+.link-secondary.app-anchor-text {
+}
+
+
+.link-secondary.app-anchor-icon .app-icon {
+}
+
+
+.link-secondary.app-anchor-badge {
+}
+
+
+.link-tertiary.app-anchor-text {
+}
+
+
+.link-tertiary.app-anchor-icon .app-icon {
+}
+
+
+.link-tertiary.app-anchor-badge {
+}
+
+
+.link-success.app-anchor-text {
+}
+
+
+.link-success.app-anchor-icon .app-icon {
+}
+
+
+.link-success.app-anchor-badge {
+}
+
+
+.link-danger.app-anchor-text {
+}
+
+
+.link-danger.app-anchor-icon .app-icon {
+}
+
+
+.link-danger.app-anchor-badge {
+}
+
+
+.link-warning.app-anchor-text {
+}
+
+
+.link-warning.app-anchor-icon .app-icon {
+}
+
+
+.link-warning.app-anchor-badge {
+}
+
+
+.link-info.app-anchor-text {
+}
+
+
+.link-info.app-anchor-icon .app-icon {
+}
+
+
+.link-info.app-anchor-badge {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/anchor.less');
+@import (optional) url('../../../custom/components/basic/anchor.less');
+@import (optional) url('../../../custom/os/components/basic/anchor.less');

package/src/templates/foundation-theme/wavemaker/components/basic/audio.less

@@ -0,0 +1,30 @@
+@import url('../../variables.less');
+
+
+/**********************************************************************************
+To style the outermost wrapper element of the audio widget.
+***********************************************************************************/
+.app-audio {
+}
+
+
+/**********************************************************************************
+To style the title of audio widget.
+***********************************************************************************/
+.app-audio-text {
+}
+
+
+.app-audio-skeleton {
+}
+
+
+/**********************************************************************************
+To style the skeleton of audio text widget.
+***********************************************************************************/
+.app-audio-text-skeleton {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/audio.less');
+@import (optional) url('../../../custom/components/basic/audio.less');
+@import (optional) url('../../../custom/os/components/basic/audio.less');

package/src/templates/foundation-theme/wavemaker/components/basic/base.less

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

package/src/templates/foundation-theme/wavemaker/components/basic/bottomsheet.less

@@ -0,0 +1,48 @@
+@import url('../../variables.less');
+
+
+.app-bottomsheet {
+}
+
+
+.app-bottomsheet-text {
+}
+
+
+/**********************************************************************************
+To style the backdrop container of the bottom sheet.
+***********************************************************************************/
+.app-bottomsheet-backdrop {
+}
+
+
+/**********************************************************************************
+To style the main container of the bottom sheet.
+***********************************************************************************/
+.app-bottomsheet-container {
+}
+
+
+/**********************************************************************************
+To style the draggable container of the bottom sheet.
+***********************************************************************************/
+.app-bottomsheet-draghandle-container {
+}
+
+
+/**********************************************************************************
+To style the drag icon handle of the bottom sheet.
+***********************************************************************************/
+.app-bottomsheet-drag-icon-handle {
+}
+
+
+/**********************************************************************************
+To style the content section of the bottom sheet.
+***********************************************************************************/
+.app-bottomsheet-content {
+}
+
+@import (optional) url('../../../wavemaker/design-tokens/basic/bottomsheet.less');
+@import (optional) url('../../../custom/components/basic/bottomsheet.less');
+@import (optional) url('../../../custom/os/components/basic/bottomsheet.less');