@aquera/nile-elements 0.1.50-beta-1.3 → 0.1.50-beta-1.4

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.50-beta-1.3",
+  "version": "0.1.50-beta-1.4",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-input/nile-input.css.ts

@@ -384,7 +384,7 @@ export const styles = css`
   }
 
   .input--medium {
-    font-size: var(--nile-input-font-size-medium);
+    font-size: var(--nile-font-size-rem-large);
     height: var(--nile-height-40px, var(--ng-height-auto));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
   }
@@ -551,11 +551,11 @@ export const styles = css`
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: 1px solid var(--nile-colors-red-500);
     color: var(--nile-colors-red-500);
-    padding: var(--nile-spacing-lg);
+    padding: var(--nile-spacing-10px);
     font-size: var(--nile-type-scale-2);
     max-height: 300px;
     overflow-y: scroll;
-    line-height: var(--nile-line-height-xsmall);
+    line-height: var(--nile-type-scale-4);
   }
 
   .input__remove-non-printable {
@@ -570,7 +570,7 @@ export const styles = css`
     margin-top: var(--nile-spacing-xs);
     color: var(--nile-colors-dark-900);
     word-break: break-all;
-    line-height: var(--nile-line-height-xsmall);
+    line-height: var(--nile-type-scale-4);
   }
 
   .input__srtiked-text {

package/src/nile-stepper/nile-stepper.css.ts

@@ -24,15 +24,15 @@ export const styles = css`
 	.nile-stepper--horizontal{
 		display:flex;
 		align-items:center;
-		padding: var( --nile-spacing-2xl, var(--ng-spacing-2xl));
+		padding: var( --nile-spacing-spacing-3xl, var(--ng-spacing-2xl));
 	}
 
 	.nile-stepper--vertical{
 		height:100%;
 		display:flex;
 		flex-direction:column;
-		padding: var( --nile-spacing-2xl, var(--ng-spacing-2xl));
+		padding: var( --nile-spacing-spacing-3xl, var(--ng-spacing-2xl));
 	}
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-stepper-item/nile-stepper-item.css.ts

@@ -32,7 +32,7 @@ export const styles = css`
 		--item-spacing: var( --nile-spacing-md, var(--ng-spacing-md));
 		--stepper-item-title-size: var( --nile-type-scale-2, var(--ng-font-size-text-sm) );
 		--stepper-item-subtitle-size: var( --nile-type-scale-1, var(--ng-font-size-text-sm) );
-		--stepper-item-text-line-height: var( --nile-line-height-xsmall, var(--ng-line-height-text-sm) );
+		--stepper-item-text-line-height: var( --nile-height-16px, var(--ng-line-height-text-sm) );
 		--circle-height:18px;
 	}
 
@@ -40,7 +40,7 @@ export const styles = css`
 		--item-spacing: var( --nile-spacing-md, var(--ng-spacing-lg));
 		--stepper-item-title-size: var( --nile-type-scale-3, var(--ng-font-size-text-sm) );
 		--stepper-item-subtitle-size: var( --nile-type-scale-2, var(--ng-font-size-text-sm) );
-		--stepper-item-text-line-height: var( --nile-line-height-small, var(--ng-line-height-text-md) );
+		--stepper-item-text-line-height: var( --nile-height-18px, var(--ng-line-height-text-md) );
 		--circle-height:22px;
 	}
 
@@ -48,7 +48,7 @@ export const styles = css`
 		--item-spacing: var( --nile-spacing-lg, var(--ng-spacing-lg));
 		--stepper-item-title-size: var( --nile-type-scale-4, var(--ng-font-size-text-md) );
 		--stepper-item-subtitle-size: var( --nile-type-scale-3, var(--ng-font-size-text-md) );
-		--stepper-item-text-line-height: var( --nile-line-height-medium, var(--ng-line-height-text-lg) );
+		--stepper-item-text-line-height: var( --nile-height-22px, var(--ng-line-height-text-lg) );
 		--circle-height:26px;
 	}