@wavemaker/rn-codegen 11.15.1-rc.6451 → 11.15.2-rc.64737

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/accordion.variant.less

@@ -5,6 +5,10 @@
 .app-accordion-active-title-icon {
   --wm-accordion-header-border-color: var(--wm-color-primary);
   --wm-accordion-header-background-color: var(--wm-color-primary);
+  --wm-accordion-text-background-color: transparent;
+  --wm-accordion-text-border-width: var(--wm-border-width-0);
+  --wm-accordion-text-border-radius: 0px;
+  --wm-accordion-text-border-color: var(--wm-color-outline);
   --wm-accordion-text-color: var(--wm-color-white);
   --wm-accordion-title-icon-color: var(--wm-color-white);
   --wm-accordion-icon-color: var(--wm-color-white);

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/button.variant.less

@@ -112,190 +112,133 @@
 .btn-text-default {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-on-surface);
 }
 
 .btn-text-primary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-primary);
 }
 
 .btn-text-secondary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-secondary);
 }
 
 .btn-text-tertiary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-tertiary);
 }
 
 .btn-text-success {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-success);
 }
 
 .btn-text-info {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-info);
 }
 
 .btn-text-warning {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-warning);
 }
 
 .btn-text-danger {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-text-error {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-standard-default {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-on-surface);
 }
 
 .btn-standard-primary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-primary);
 }
 
 .btn-standard-secondary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-secondary);
 }
 
 .btn-standard-tertiary {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-tertiary);
 }
 
 .btn-standard-success {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-success);
 }
 
 .btn-standard-info {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-info);
 }
 
 .btn-standard-warning {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-warning);
 }
 
 .btn-standard-danger {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-standard-error {
   --wm-btn-background: none;
   --wm-btn-border-color: transparent;
-  --wm-btn-padding-top: var(--wm-space-2);
-  --wm-btn-padding-bottom: var(--wm-space-2);
-  --wm-btn-padding-left: var(--wm-space-3);
-  --wm-btn-padding-right: var(--wm-space-3);
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
   --wm-btn-color: var(--wm-color-error);
 }
 
 .btn-icon {
   --wm-btn-height: 40px;
   --wm-btn-min-width: 40px;
-  --wm-btn-padding-top: var(--wm-space-0);
-  --wm-btn-padding-bottom: var(--wm-space-0);
-  --wm-btn-padding-left: var(--wm-space-0);
-  --wm-btn-padding-right: var(--wm-space-0);
+  --wm-btn-padding: var(--wm-space-0);
   --wm-btn-icon-size: var(--wm-icon-size-md);
 }
 
@@ -304,9 +247,6 @@
 }
 
 .btn-fab {
-  --wm-btn-position: absolute;
-  --wm-btn-position-bottom: 10px;
-  --wm-btn-position-right: 10px;
   --wm-btn-height: 56px;
   --wm-btn-min-width: 56px;
   --wm-btn-border-radius: 16px;

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/carousel.variant.less

@@ -6,7 +6,6 @@
   --wm-carousel-dots-border-color: var(--wm-color-primary-container);
   --wm-carousel-dots-border-radius: 5px;
   --wm-carousel-dots-border-width: var(--wm-border-width-base);
-  --wm-carousel-dots-margin-left: var(--wm-radius-xxs);
-  --wm-carousel-dots-margin-right: var(--wm-radius-xxs);
-  --wm-carousel-slide-padding-horizontal: var(--wm-space-4);
+  --wm-carousel-dots-margin: var(--wm-space-0) var(--wm-radius-xxs);
+  --wm-carousel-slide-padding: var(--wm-space-0) var(--wm-space-4);
 }

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/container.variant.less

@@ -1,44 +1,26 @@
 .app-default-container {
   --wm-container-border-style: var(--wm-border-style-base);
-  --wm-container-border-width-top: var(--wm-border-width-0);
-  --wm-container-border-width-bottom: var(--wm-border-width-0);
-  --wm-container-border-width-left: var(--wm-border-width-0);
-  --wm-container-border-width-right: var(--wm-border-width-0);
+  --wm-container-border-width: var(--wm-border-width-0);
   --wm-container-border-color: transparent;
   --wm-container-border-radius: var(--wm-radius-none);
   --wm-container-box-shadow: var(--wm-elevation-shadow-none);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }
 
 .app-outlined-container {
   --wm-container-border-style: var(--wm-border-style-base);
-  --wm-container-border-width-top: var(--wm-border-width-base);
-  --wm-container-border-width-bottom: var(--wm-border-width-base);
-  --wm-container-border-width-left: var(--wm-border-width-base);
-  --wm-container-border-width-right: var(--wm-border-width-base);
+  --wm-container-border-width: var(--wm-border-width-base);
   --wm-container-border-color: var(--wm-color-outline-variant);
   --wm-container-border-radius: 1px;
   --wm-container-box-shadow: var(--wm-elevation-shadow-none);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }
 
 .app-elevated-container {
   --wm-container-box-shadow: var(--wm-elevation-shadow-1);
   --wm-container-border-style: var(--wm-border-style-base);
   --wm-container-border-color: transparent;
-  --wm-container-border-width-top: var(--wm-border-width-base);
-  --wm-container-border-width-bottom: var(--wm-border-width-base);
-  --wm-container-border-width-left: var(--wm-border-width-base);
-  --wm-container-border-width-right: var(--wm-border-width-base);
+  --wm-container-border-width: var(--wm-border-width-base);
   --wm-container-border-radius: var(--wm-radius-sm);
-  --wm-container-padding-top: var(--wm-space-0);
-  --wm-container-padding-bottom: var(--wm-space-0);
-  --wm-container-padding-left: var(--wm-space-0);
-  --wm-container-padding-right: var(--wm-space-0);
+  --wm-container-padding: var(--wm-space-0);
 }

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/form-controls.variant.less

@@ -1,19 +1,20 @@
 .app-input-focused {
   --wm-form-controls-border-color: var(--wm-color-primary);
-  --wm-form-controls-border-top-width: var(--wm-border-width-1);
-  --wm-form-controls-border-left-width: var(--wm-border-width-1);
-  --wm-form-controls-border-right-width: var(--wm-border-width-1);
-  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-border-width: var(--wm-border-width-1);
   --wm-form-controls-background: var(--wm-color-outline-variant);
   --wm-form-controls-color: var(--wm-color-black);
+  --wm-form-controls-floating-color: var(--wm-color-surface-dim);
+  --wm-form-controls-floating-font-size: var(--wm-body-medium-font-size);
+  --wm-form-controls-floating-font-weight: var(--wm-body-medium-font-weight);
+  --wm-form-controls-floating-font-family: var(--wm-body-medium-font-family);
+  --wm-form-controls-floating-top: var(--wm-space-3);
+  --wm-form-controls-floating-left: var(--wm-space-4);
+  --wm-form-controls-floating-padding: var(--wm-space-0);
 }
 
 .app-input-disabled {
   --wm-form-controls-border-color: var(--wm-color-shadow);
-  --wm-form-controls-border-top-width: var(--wm-border-width-1);
-  --wm-form-controls-border-left-width: var(--wm-border-width-1);
-  --wm-form-controls-border-right-width: var(--wm-border-width-1);
-  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-border-width: var(--wm-border-width-1);
   --wm-form-controls-background: var(--wm-color-surface-dim);
   --wm-form-controls-color: var(--wm-color-scrim);
   --wm-form-controls-opacity: 0.67;

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/picture.variant.less

@@ -1,9 +1,6 @@
 .rounded-image.app-picture {
   --wm-picture-radius: var(--wm-radius-none);
-  --wm-picture-padding-top: var(--wm-space-0);
-  --wm-picture-padding-bottom: var(--wm-space-0);
-  --wm-picture-padding-left: var(--wm-space-0);
-  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-padding: var(--wm-space-0);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-0);
@@ -13,10 +10,7 @@
 
 .circle-image.app-picture {
   --wm-picture-radius: var(--wm-radius-none);
-  --wm-picture-padding-top: var(--wm-space-0);
-  --wm-picture-padding-bottom: var(--wm-space-0);
-  --wm-picture-padding-left: var(--wm-space-0);
-  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-padding: var(--wm-space-0);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-0);
@@ -26,10 +20,7 @@
 
 .thumbnail-image.app-picture {
   --wm-picture-radius: var(--wm-radius-xs);
-  --wm-picture-padding-top: var(--wm-space-1);
-  --wm-picture-padding-bottom: var(--wm-space-1);
-  --wm-picture-padding-left: var(--wm-space-1);
-  --wm-picture-padding-right: var(--wm-space-1);
+  --wm-picture-padding: var(--wm-space-1);
   --wm-picture-border-color: var(--wm-color-border);
   --wm-picture-border-style: var(--wm-border-style-base);
   --wm-picture-border-width: var(--wm-border-width-base);

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/tabbar.variant.less

@@ -2,6 +2,7 @@
 .app-tabbar-active-icon,
 .app-tabbar-active-label {
   --wm-tabbar-item-border-radius: 50px;
+  --wm-tabbar-item-border-width: var(--wm-border-width-0);
   --wm-tabbar-item-background-color: var(--wm-color-primary-container);
   --wm-tabbar-item-margin-bottom: -2;
   --wm-tabbar-icon-color: var(--wm-color-primary);

package/src/templates/foundation-theme/build/android/wavemaker/design-tokens/variables/tabs.variant.less

@@ -2,9 +2,16 @@
 .app-tabheader-active-item-text,
 .app-tabheader-active-item-icon,
 .app-tabheader-active-indicator {
+  --wm-tabs-item-heading-padding: var(--wm-space-2);
+  --wm-tabs-item-heading-border-radius: var(--wm-radius-none);
+  --wm-tabs-item-heading-border-style: var(--wm-border-style-base);
+  --wm-tabs-item-heading-border-color: var(--wm-color-surface);
+  --wm-tabs-item-heading-border-width: var(--wm-border-width-0);
   --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
   --wm-tabs-item-heading-font-weight: var(--wm-h6-font-weight);
+  --wm-tabs-item-heading-font-family: var(--wm-h6-font-family);
   --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
+  --wm-tabs-item-heading-indicator-margin: var(--wm-space-0);
   --wm-tabs-item-heading-indicator-height: 3px;
   --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
   --wm-tabs-item-heading-background: var(--wm-color-surface);

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

@@ -51,6 +51,12 @@ To style the week day text of calendar widget.
 }
 
 
+.app-calendar-day-wrapper {
+    background-color: @calendarBgColor;
+    color: @calendarDateColor;
+}
+
+
 /**********************************************************************************
 To style the day text of calendar widget.
 ***********************************************************************************/

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

@@ -27,17 +27,33 @@ To style the label of currency widget.
 }
 
 
+.app-currency-flotaing-label {
+}
+
+
+.app-currency-active-flotaing-label {
+}
+
+
+.app-currency-inactive-floating-label {
+}
+
+
 /**********************************************************************************
-To style the floating-label in number widget.
+To style the floating-label when input has value but is not focused.
 ***********************************************************************************/
-.app-currency-flotaing-label {
+.app-currency-with-label.app-currency-inactive-floating-label {
+}
+
+
+.app-currency-inactive-floating-label {
 }
 
 
 /**********************************************************************************
-To style the floating-label when it is floating at top of number widget.
+To style the floating-label when input has value but is not focused.
 ***********************************************************************************/
-.app-currency-active-flotaing-label {
+.app-currency-with-label.app-currency-inactive-floating-label {
 }
 
 

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

@@ -49,6 +49,20 @@ To style the skeleton of number widget.
 }
 
 
+.app-number-inactive-floating-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when input has value but is not focused.
+***********************************************************************************/
+.app-number-with-label.app-number-inactive-floating-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when input is focused.
+***********************************************************************************/
 .app-number-with-label.app-number-active-flotaing-label {
 }
 
@@ -61,7 +75,7 @@ To style the skeleton of number widget.
 
 
 /**********************************************************************************
-To style the skeleton of lable of number widget.
+To style the skeleton of label of number widget.
 ***********************************************************************************/
 .app-number-label-skeleton {
 }

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

@@ -41,24 +41,93 @@ To style the outermost wrapper element of text widget when it is disabled.
 }
 
 
+.app-text-flotaing-label {
+}
+
+
+.app-text-active-flotaing-label {
+}
+
+
 /**********************************************************************************
-To style the floating-label in text widget.
+To style the floating-label when input is focused.
 ***********************************************************************************/
-.app-text-flotaing-label {
+.app-text-with-label.app-text-active-flotaing-label {
 }
 
 
 /**********************************************************************************
-To style the floating-label when it is floating at top of text widget.
+To style the floating-label when input has value but is not focused.
 ***********************************************************************************/
-.app-text-active-flotaing-label {
+.app-text-with-label.app-text-inactive-floating-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label in text widget (base/empty state).
+***********************************************************************************/
+.app-text-with-label.app-text-flotaing-label {
 }
 
 
+.app-text-with-label.app-text {
+}
+
+
+/**********************************************************************************
+To style the skeleton of text widget.
+***********************************************************************************/
+.app-text-skeleton {
+}
+
+
+.app-input-invalid {
+    border-bottom-color: @inputInvalidBorderColor;
+}
+
+
+.app-invalid-focused {
+    border-color: @inputFocusBorderColor;
+}
+
+
+.app-input-disabled {
+}
+
+
+.app-input-flotaing-label {
+}
+
+
+.app-input-active-flotaing-label {
+}
+
+
+.app-input-with-label.app-input-active-flotaing-label {
+}
+
+
+.app-input-with-label.app-input-flotaing-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label when input is focused.
+***********************************************************************************/
 .app-text-with-label.app-text-active-flotaing-label {
 }
 
 
+/**********************************************************************************
+To style the floating-label when input has value but is not focused.
+***********************************************************************************/
+.app-text-with-label.app-text-inactive-floating-label {
+}
+
+
+/**********************************************************************************
+To style the floating-label in text widget (base/empty state).
+***********************************************************************************/
 .app-text-with-label.app-text-flotaing-label {
 }
 

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

@@ -30,24 +30,35 @@ To style the focused state of textarea widget.
 }
 
 
-/**********************************************************************************
-To style the floating-label in text area widget.
-***********************************************************************************/
 .app-textarea-flotaing-label {
 }
 
 
+.app-textarea-active-flotaing-label {
+}
+
+
+.app-textarea-inactive-floating-label {
+}
+
+
 /**********************************************************************************
-To style the floating-label when it is floating at top of text area widget.
+To style the floating-label when input has value but is not focused.
 ***********************************************************************************/
-.app-textarea-active-flotaing-label {
+.app-textarea-with-label.app-textarea-inactive-floating-label {
 }
 
 
+/**********************************************************************************
+To style the floating-label when input is focused.
+***********************************************************************************/
 .app-textarea-with-label.app-textarea-active-flotaing-label {
 }
 
 
+/**********************************************************************************
+To style the floating-label in textarea widget (base/empty state).
+***********************************************************************************/
 .app-textarea-with-label.app-textarea-flotaing-label {
 }
 

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

@@ -5,9 +5,7 @@
 
 .app-carousel-slide{
     width: var(--wm-carousel-slide-width);
-    padding-left: var(--wm-carousel-slide-padding-horizontal);
-    padding-right: var(--wm-carousel-slide-padding-horizontal);
-    padding-horizontal:var(--wm-carousel-slide-padding-horizontal);
+    padding: var(--wm-carousel-slide-padding);
 }
 
 .app-carousel-first-slide {
@@ -17,8 +15,7 @@
 }
 
 .app-carousel-active-slide {
-    padding-left: var(--wm-carousel-slide-padding-horizontal);
-    padding-right: var(--wm-carousel-slide-padding-horizontal);
+    padding: var(--wm-carousel-slide-padding);
 }
 .app-carousel-prev-btn {
 }
@@ -78,8 +75,7 @@
 .app-carousel-dot-wrapper { 
     opacity: var(--wm-carousel-dots-wrapper-opacity);
     background-color: var(--wm-carousel-dots-wrapper-background-color);
-    padding-top: var(--wm-carousel-dots-wrapper-padding-top);
-    padding-bottom: var(--wm-carousel-dots-wrapper-padding-bottom);
+    padding: var(--wm-carousel-dots-wrapper-padding);
 }
 
 .app-carousel-dot { 
@@ -88,8 +84,7 @@
     height: var(--wm-carousel-dots-height);
     border-radius: var(--wm-carousel-dots-border-radius);
     border-color: var(--wm-carousel-dots-border-color);
-    margin-left: var(--wm-carousel-dots-margin-left);
-    margin-right: var(--wm-carousel-dots-margin-right);
+    margin: var(--wm-carousel-dots-margin);
     background-color: var(--wm-carousel-dots-background);
     border-width: var(--wm-carousel-dots-border-width);
 }
@@ -105,14 +100,13 @@
     height: var(--wm-carousel-dots-height);
     border-radius: var(--wm-carousel-dots-border-radius);
     border-color: var(--wm-carousel-dots-border-color);
-    margin-left: var(--wm-carousel-dots-margin-left);
-    margin-right: var(--wm-carousel-dots-margin-right);
+    margin: var(--wm-carousel-dots-margin);
     background-color: var(--wm-carousel-dots-background);
     border-width: var(--wm-carousel-dots-border-width);
 }
 
 .app-carousel-skeleton {
-    width: var(--wm-carousel-skeleton-width);
+
 }
 
 .app-carousel-dot-skeleton {

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

@@ -7,8 +7,5 @@
 }
 
 .app-login-form-container {
-    padding-top: var(--wm-login-form-padding-top);
-    padding-right: var(--wm-login-form-padding-right);
-    padding-bottom: var(--wm-login-form-padding-bottom);
-    padding-left: var(--wm-login-form-padding-left);
+    padding: var(--wm-login-form-padding);
 }