@aquera/nile-elements 0.1.49-beta-1.0 → 0.1.49-beta-1.1

package/package.json

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

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

@@ -75,7 +75,7 @@ export const styles = css`
     gap:var(--nile-spacing-lg , var(--ng-spacing-lg));
     align-items: center;
     border-radius: inherit;
-    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));
     padding: var(--accordian-heading-padding);
     user-select: none;
     cursor: pointer;

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

@@ -22,7 +22,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif , var(--ng-font-family-body));
     font-style: normal;
     aspect-ratio: 1 / 1;
-    font-weight: var(--nile-font-weight-semi-bold , var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold , var(--ng-font-weight-semibold));
     color: var(--nile-colors-white-base , var(--ng-colors-text-quaternary-500));
     border-radius: var(--nile-radius-radius-xs , var(--ng-radius-xs));
     text-transform: uppercase;

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

@@ -18,7 +18,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px; 
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));

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

@@ -41,7 +41,7 @@ export const styles = css`
       var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;
     cursor: inherit;
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
     border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));
     padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));
     gap: var(--nile-spacing-5px, var(--ng-spacing-xs));

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

@@ -26,7 +26,7 @@ export const styles = css`
     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));
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     text-align: center;
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));

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

@@ -46,7 +46,7 @@ export const styles = css`
     justify-content: space-between;
     padding: var(--nile-spacing-22px, var(--ng-spacing-2xl)) var(--nile-spacing-2xl, var(--ng-spacing-2xl));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

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

@@ -25,7 +25,7 @@ export const styles = css`
   .checkbox {
     position: relative;
     display: inline-flex;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     vertical-align: middle;
     cursor: pointer;
@@ -176,7 +176,7 @@ export const styles = css`
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
     letter-spacing: 0.2px;
   }
 

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

@@ -45,7 +45,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif,var( --ng-font-family-body));
     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));
+    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-medium));
     line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

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

@@ -96,7 +96,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     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));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
     line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
     display:block;
@@ -107,7 +107,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     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-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
     display:block;

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

@@ -47,7 +47,7 @@ export const styles = css`
 		background: var(--nile-colors-white-base , var(--ng-colors-fg-white));
 		font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
 		font-size: var(--nile-type-scale-5 , var(--ng-font-size-text-lg));
-		font-weight: var(--nile-hero-text-font-weight , var(--ng-font-weight-600)) ;
+		font-weight: var(--nile-hero-text-font-weight , var(--ng-font-weight-semibold)) ;
 		max-width: var(--nile-sizes-width-xxs , var(--ng-spacing-80));
 		text-overflow: ellipsis;
 	}

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

@@ -44,7 +44,7 @@ export const styles = css`
 
   .dropdown__panel {
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     box-shadow: var(--nile-box-shadow-9, var(--ng-shadow-lg));
     border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
     pointer-events: none;

package/src/nile-empty-state/nile-empty-state.css.ts

@@ -126,7 +126,7 @@ export const styles = css`
   .empty-state__text {
     font-size: var(--nile-es-text-size);
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));
     line-height: var(--nile-es-text-line-height);
     text-align: center;
     font-style: normal;
@@ -135,7 +135,7 @@ export const styles = css`
   .empty-state__subtext {
     font-size: var(--nile-es-subtext-size);
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-es-subtext-line-height);
     text-align: center;
     color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));

package/src/nile-error-message/nile-error-message.css.ts

@@ -24,7 +24,7 @@ export const styles = css`
     width: 100%;
     font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));
     letter-spacing: 0.2px;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));
     max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); 
   }

package/src/nile-error-notification/nile-error-notification.css.ts

@@ -22,7 +22,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
     letter-spacing: 0.2px;
     border: 1px solid var(--indication-color);

package/src/nile-file-preview/nile-file-preview.css.ts

@@ -146,7 +146,7 @@ export const styles = css`
     display: flex;
     justify-content: space-between;
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
   }
 
   nile-progress-bar li span {
@@ -209,13 +209,13 @@ export const styles = css`
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
   }
 
   .preview-file-info p:last-of-type{
     color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview nile-icon:hover {
@@ -272,13 +272,13 @@ export const styles = css`
   .preview-file-info p {
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
   }
 
   .preview-file-info p:last-of-type{
     color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .no-preview > nile-icon:hover {
@@ -333,14 +333,14 @@ export const styles = css`
   .file-info p {
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: center;
   }
   
   .file-info > nile-tooltip > p {
     color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: center;
   }
 
@@ -368,19 +368,19 @@ export const styles = css`
   }
 
   .content-container h4 {
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .content-container p:first-child {
     margin: 0px;
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .content-container p:last-child {
     margin: 0px;
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     color: var(--nile-colors-neutral-700, var(--ng-colors-text-tertiary-600));
   }
 
@@ -496,7 +496,7 @@ export const styles = css`
   .file-info-vertical-state p {
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     padding-bottom: 6px;
     text-align: center;
   }
@@ -504,7 +504,7 @@ export const styles = css`
   .file-info-vertical-state > nile-tooltip > p {
     color: var(--nile-colors-red-700);
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: center;
   }
 
@@ -516,7 +516,7 @@ export const styles = css`
     gap: 8px;
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: center
   }
 

package/src/nile-file-upload/nile-file-upload.css.ts

@@ -106,7 +106,7 @@ export const styles = css`
   .content h4 {
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
 
@@ -137,7 +137,7 @@ export const styles = css`
     gap: 18px;
     color: var(--nile-colors-blue-700, var(--ng-colors-fg-primary-900));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular), var(--ng-font-weight-400);
+    font-weight: var(--nile-font-weight-regular), var(--ng-font-weight-regular);
   }
 
   .icons-container {
@@ -190,7 +190,7 @@ export const styles = css`
     display: flex;
     justify-content: space-between;
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
   }
 
   .progress-bar-container p {

package/src/nile-form-group/nile-form-group.css.ts

@@ -66,7 +66,7 @@ export const styles = css`
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
     line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));
     letter-spacing: 0.2px;
   }
@@ -77,7 +77,7 @@ export const styles = css`
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

package/src/nile-form-group/nile-form-group.ts

@@ -51,8 +51,8 @@ export class NileFormGroup extends NileElement {
     return html`
       <div part="base" class="form__base">
         ${this.title
-          ? html` <div class="form__header">
-              <div class="form__title-content">
+          ? html` <div part="header" class="form__header">
+              <div part="content" class="form__title-content">
                 <slot name="title" class="form__title"> ${this.title} </slot>
                 ${this.subtitle
                   ? html`
@@ -65,10 +65,10 @@ export class NileFormGroup extends NileElement {
 
               <slot name="action" class="form__action"></slot>
             </div>
-            <nile-divider class="form__divider"></nile-divider>
+            <nile-divider part="divider" class="form__divider"></nile-divider>
             `
           : ``}
-        <div class="form__body">
+        <div part="body" class="form__body">
           <slot></slot>
         </div>
       </div>

package/src/nile-form-help-text/nile-form-help-text.css.ts

@@ -25,7 +25,7 @@ export const styles = css`
 
   .nile-form-help-text {
     display:flex;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     letter-spacing: 0.2px;
     margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
     margin-right: var(--nile-spacing-xs, var(--ng-spacing-xs));

package/src/nile-inline-edit/nile-inline-edit.css.ts

@@ -23,7 +23,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
     line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));
     margin-bottom: var(--nile-spacing-sm);
   }
@@ -49,7 +49,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-spacing-spacing-3xl, var(--ng-line-height-text-md));
     word-wrap: break-word;
   }

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

@@ -64,7 +64,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
     line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
@@ -113,7 +113,7 @@ export const styles = css`
     justify-content: start;
     position: relative;
     width: 100%;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     vertical-align: middle;
     overflow: hidden;
     cursor: text;
@@ -265,7 +265,7 @@ export const styles = css`
     font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     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));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
   }

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

@@ -38,7 +38,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     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-600));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

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

@@ -43,7 +43,7 @@ export default css`
     line-height: var(--loader-label-line-height); 
     font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-medium));
   }
 
   .nile-loader__v1 {

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

@@ -42,7 +42,7 @@ export const styles = css`
     border-radius: var(--nile-radius-sm,var(--ng-radius-sm));
     align-items: stretch;
     font-size: var(--nile-font-size-rem-large ,var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-1-8,var(--ng-line-height-text-md));
     letter-spacing: normal;
     color: var(--nile-color-dark-1, var(--ng-colors-text-secondary-700));

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

@@ -28,7 +28,7 @@ export const styles = css`
     display: flex;
     align-items: center;
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
     line-height: var(--nile-line-height-large, var(--ng-line-height-text-md));
     letter-spacing: normal;
     color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));

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

@@ -24,7 +24,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: var(--nile-spacing-one-by-five-x, var(--ng-spacing-none));
   }

package/src/nile-section-message/nile-section-message.css.ts

@@ -100,11 +100,11 @@ export const styles = css`
   }
 
   .section__heading {
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
   }
 
   .section__description {
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));
   }
 
@@ -112,7 +112,7 @@ export const styles = css`
     display: flex;
     gap: var(--nile-spacing-md, var(--ng-spacing-none));
     color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     cursor: pointer;
   }
 

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

@@ -48,7 +48,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     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));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
     line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
@@ -114,7 +114,7 @@ export const styles = css`
     align-items: center;
     justify-content: start;
     font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
     letter-spacing: normal;
     vertical-align: middle;
     overflow: hidden;
@@ -407,7 +407,7 @@ export const styles = css`
   .select__listbox::slotted(small) {
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
 
-    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));
     color: var(--nile-colors-dark-500);
     padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));
     padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));

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

@@ -47,7 +47,7 @@ export default css`
     font-style: normal;
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-500));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
     line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));
   }
 
@@ -57,7 +57,7 @@ export default css`
     font-style: normal;
     color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));
   }
 

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

@@ -123,7 +123,7 @@ export const styles = css`
 		font-size: var(--stepper-item-title-size);
 		line-height: var(--stepper-item-text-line-height);
 		font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
-		font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
+		font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
 	}
 
 	.stepper__content__title--inline{
@@ -133,7 +133,7 @@ export const styles = css`
 
 	.stepper__content__title--active{
 		color:var( --nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700) );
-		font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+		font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));
 	}
 
 	.stepper__content__subtitle {

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

@@ -45,7 +45,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
     gap: var(--nile-spacing-md, var(--ng-spacing-md));

package/src/nile-table-header-item/nile-table-header-item.css.ts

@@ -43,7 +43,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif , var(--ng-font-family-body));
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-2 , var(--ng-font-size-text-xs));
-    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));
     font-style: normal;
     /* line-height: var(--nile-type-scale-5); */
     line-height: normal;

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

@@ -27,7 +27,7 @@ export const styles = css`
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-textarea-label-font-weight, var(--ng-font-weight-500));
+    font-weight: var(--nile-textarea-label-font-weight, var(--ng-font-weight-medium));
     line-height: var(--nile-textarea-label-line-height, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

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

@@ -131,12 +131,12 @@ export const styles = css`
   }
 
   .alert__message--title {
-    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semiboldibold));
     color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
   }
 
   .alert__message--content {
-    font-weight:var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight:var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
   }
 
@@ -175,7 +175,7 @@ export const styles = css`
     font-family:  var(--nile-font-family-serif, var(--ng-font-family-display));
     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-600));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }

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

@@ -27,7 +27,7 @@ export const styles = css`
     box-sizing: border-box;
     min-height: 64px;
     line-height: var(--nile-toolbar-line-height, var(--ng-line-height-text-xl));
-    font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));
+    font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-medium));
     font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));