@aquera/nile-elements 0.1.44-beta-2.0 → 0.1.44-beta-2.1

package/package.json

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

package/src/nile-button-toggle/nile-button-toggle.css.ts

@@ -19,8 +19,10 @@ export const styles = css`
 
   .nile-button-toggle {
     display: flex;
-    padding: 6px 16px 6px 14px;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-sm)) var(--nile-spacing-14px, var(--ng-spacing-xl));
+    padding: var(--nile-spacing-sm, var(--ng-spacing-sm))
+      var(--nile-spacing-sm, var(--ng-spacing-sm))
+      var(--nile-type-scale-4, var(--ng-spacing-xl))
+      var(--nile-spacing-14px, var(--ng-spacing-xl));
     border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
     cursor: pointer;
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));

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

@@ -46,7 +46,7 @@ export const styles = css`
     font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
     font-style: normal;
     font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));
-    line-height: var(--nile-line-height-xsmall,var( --ng-line-height-text-sm));
+    line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
 
@@ -63,24 +63,24 @@ export const styles = css`
   .form-control--has-help-text .form-control__help-text {
     display: block;
     color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));
-    margin-top: var(--nile-spacing-xxs);
+    margin-top: var(--nile-spacing-xxxxsmall);
   }
 
   .form-control--has-help-text.form-control--small .form-control__help-text {
-    font-size: var(--nile-type-scale-2,var(--ng-font-size-text-md));
+    font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--medium .form-control__help-text {
-    font-size: var(--nile-type-scale-3,var(--ng-font-size-text-md));
+    font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--large .form-control__help-text {
-    font-size: var(--nile-type-scale-4,var(--ng-font-size-text-md));
+    font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));
   }
 
   .form-control--has-help-text.form-control--radio-group
     .form-control__help-text {
-    margin-top: var(--nile-spacing-xxs);
+    margin-top: var(--nile-spacing-xxxsmall);
   }
 
   :host {
@@ -97,7 +97,7 @@ export const styles = css`
     flex-wrap: wrap;
     width: 100%;
     overflow-x: hidden;
-    gap : var(--nile-spacing-md, var(--ng-spacing-md));
+    gap : var(--nile-gap-unset, var(--ng-spacing-md));
     align-items: center;
   }
 
@@ -170,7 +170,7 @@ export const styles = css`
     flex: 1;
   }
   .nile-chip__tags {
-    margin: var(--nile-spacing-xxs);
+    margin: var(--nile-margin-size-rem-small);
   }
 `;
 

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

@@ -86,7 +86,7 @@ export const styles = css`
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
-    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
+    gap: var(--nile-spacing-5px, var(--ng-spacing-sm));
     justify-content: center;
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
@@ -97,7 +97,7 @@ export const styles = css`
     font-size: var(--nile-spacing-xl, var(--ng-font-size-text-md));
     font-style: normal;
     font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
-    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
+    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
     display:block;
   }

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

@@ -266,7 +266,7 @@ export const styles = css`
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-style: normal;
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
+    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
   }