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

package/README.md

@@ -79,6 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
 
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
 
+#### Version 0.1.49-beta-1.1
+- Fixes: Fixed bugs in Form group and Font-Weight
+
 #### Version 0.1.49-beta-1.0
 - Fixes: Fixed bugs in Button Toggle, Select, Badge and Card components
 

package/dist/index.js

@@ -154,7 +154,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
       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));
@@ -983,7 +983,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
   }
@@ -1032,7 +1032,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
@@ -1184,7 +1184,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
   }
@@ -2355,7 +2355,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .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;
@@ -2506,7 +2506,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
   }
 
@@ -3037,7 +3037,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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));
   }
 
@@ -3047,7 +3047,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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));
   }
 
@@ -3200,7 +3200,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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 {
@@ -3472,7 +3472,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
   }
@@ -3538,7 +3538,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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;
@@ -3831,7 +3831,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .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));
@@ -4328,7 +4328,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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));
@@ -4467,7 +4467,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     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));
@@ -4615,7 +4615,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .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;
@@ -4801,7 +4801,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -5005,7 +5005,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -5374,7 +5374,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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)); 
   }
@@ -5510,7 +5510,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .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));
@@ -5597,7 +5597,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -6053,7 +6053,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -6153,7 +6153,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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));
@@ -6681,7 +6681,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
@@ -6692,7 +6692,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
@@ -6832,7 +6832,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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);
@@ -7198,7 +7198,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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));
@@ -7494,12 +7494,12 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .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));
   }
 
@@ -7538,7 +7538,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -7655,7 +7655,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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));
@@ -7751,7 +7751,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -7762,7 +7762,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -7776,8 +7776,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 `;let gL=class extends Pe{constructor(){super(...arguments),this.title="",this.subtitle=""}static get styles(){return[aL]}render(){return R`
       <div part="base" class="form__base">
-        ${this.title?R` <div class="form__header">
-              <div class="form__title-content">
+        ${this.title?R` <div part="header" class="form__header">
+              <div part="content" class="form__title-content">
                 <slot name="title" class="form__title"> ${this.title} </slot>
                 ${this.subtitle?R`
                       <slot name="subtitle" class="form__subtitle">
@@ -7788,9 +7788,9 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
               <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>
@@ -7938,7 +7938,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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));
   }
@@ -8466,7 +8466,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
@@ -8536,7 +8536,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
@@ -8819,7 +8819,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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;
@@ -8828,7 +8828,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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));
@@ -9091,7 +9091,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 		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{
@@ -9101,7 +9101,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
 	.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 {
@@ -9976,7 +9976,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
@@ -10114,7 +10114,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 		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;
 	}
@@ -10226,11 +10226,11 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .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));
   }
 
@@ -10238,7 +10238,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
 
@@ -10305,7 +10305,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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));
@@ -10332,7 +10332,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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);
   }
@@ -10358,7 +10358,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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;
   }
@@ -10864,7 +10864,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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));
   }
 
@@ -10895,7 +10895,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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 {
@@ -10948,7 +10948,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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 {
@@ -11614,7 +11614,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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 {
@@ -11677,13 +11677,13 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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 {
@@ -11740,13 +11740,13 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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 {
@@ -11801,14 +11801,14 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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;
   }
 
@@ -11836,19 +11836,19 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .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));
   }
 
@@ -11964,7 +11964,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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;
   }
@@ -11972,7 +11972,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .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;
   }
 
@@ -11984,7 +11984,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     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/dist/nile-accordion/nile-accordion.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n    background-color: var(--nile-colors-white-base , var(--ng-colors-bg-primary));\n    overflow-anchor: none;\n    line-height: var(--nile-line-height-inherit , var(--ng-line-height-text-sm));\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));\n    --accordion-font-family : var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-type-scale-5 , var(--ng-spacing-3xl));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n    font-family: var(--accordion-font-family)\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:var(--nile-spacing-lg , var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-600));\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200 , var(--ng-colors-bg-tertiary));\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-shadow-xs));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-3xl-alt));  \n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n    background-color: var(--nile-colors-white-base , var(--ng-colors-bg-primary));\n    overflow-anchor: none;\n    line-height: var(--nile-line-height-inherit , var(--ng-line-height-text-sm));\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));\n    --accordion-font-family : var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-type-scale-5 , var(--ng-spacing-3xl));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n    font-family: var(--accordion-font-family)\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:var(--nile-spacing-lg , var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200 , var(--ng-colors-bg-tertiary));\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-shadow-xs));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-3xl-alt));  \n  }\n"]))));}};});
 //# sourceMappingURL=nile-accordion.css.cjs.js.map

package/dist/nile-accordion/nile-accordion.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n    background-color: var(--nile-colors-white-base , var(--ng-colors-bg-primary));\n    overflow-anchor: none;\n    line-height: var(--nile-line-height-inherit , var(--ng-line-height-text-sm));\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));\n    --accordion-font-family : var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-type-scale-5 , var(--ng-spacing-3xl));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n    font-family: var(--accordion-font-family)\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:var(--nile-spacing-lg , var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-600));\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200 , var(--ng-colors-bg-tertiary));\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-shadow-xs));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-3xl-alt));  \n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .accordian {\n    border-top:solid 1px var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n    background-color: var(--nile-colors-white-base , var(--ng-colors-bg-primary));\n    overflow-anchor: none;\n    line-height: var(--nile-line-height-inherit , var(--ng-line-height-text-sm));\n  }\n\n  .accordian--lg{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));\n    --accordion-font-family : var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--md{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-type-scale-5 , var(--ng-spacing-3xl));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .accordian--sm{\n    --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));\n    --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n  \n  .accordian {\n    font-size: var(--accordian-text-size);\n    font-family: var(--accordion-font-family)\n  }\n\n  .accordian--disabled {\n    opacity: 0.5;\n  }\n\n  .accordian__header {\n    display: flex;\n    gap:var(--nile-spacing-lg , var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-semibold));\n    padding: var(--accordian-heading-padding);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .accordian__header--dark{\n    background-color:var(--nile-colors-dark-200 , var(--ng-colors-bg-tertiary));\n  }\n\n  .accordian__header--arrow-left{\n    flex-direction: row-reverse;\n  }\n\n  .accordian__header:focus {\n    outline: none;\n  }\n\n  .accordian__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-shadow-xs));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .accordian--disabled .accordian__header {\n    cursor: not-allowed;\n  }\n\n  .accordian--disabled .accordian__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .accordian__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .accordian__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .accordian--open .accordian__summary-icon {\n    rotate: 90deg;\n  }\n\n  .accordian--open slot[name='expand-icon'],\n  .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .accordian__body {\n    overflow: hidden;\n  }\n\n  .accordian__content {\n    display: block;\n    padding: var(--accordian-content-padding);\n  }\n\n  .accordian__content--arrow-left{\n   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-3xl-alt));  \n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-accordion/nile-accordion.css.esm.js

@@ -63,7 +63,7 @@ import{css as a}from"lit";const n=a`
     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;