@visma-swno/customer-onboarding-wizard 1.0.6 → 1.0.8

package/dist/index.js

@@ -2204,7 +2204,7 @@ w.styles = [
   N,
   j,
   P,
-  L`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.search-row{display:flex;justify-content:flex-end;margin-bottom:var(--ga-size-spacing-03);}.search-wrapper{position:relative;width:var(--ga-size-content-xs);}.search-icon{position:absolute;left:var(--ga-size-spacing-03);top:50%;transform:translateY(-50%);color:var(--ga-color-icon-action);display:flex;align-items:center;pointer-events:none;}.search-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.search-input{width:100%;box-sizing:border-box;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.search-input::placeholder{color:var(--ga-color-neutral-60);}.search-input:focus{border-color:var(--ga-color-border-focus);}.consultant-list{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.consultant-row{display:flex;align-items:center;gap:var(--ga-size-spacing-03);height:var(--ga-size-56);padding:0 var(--ga-size-spacing-05);cursor:pointer;}.consultant-row + .consultant-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.consultant-row--selected{background:var(--ga-color-surface-selected);}.consultant-row:hover:not(.consultant-row--selected){background:var(--ga-color-neutral-10);}.consultant-row:focus-within .checkbox-visual{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-sm);}.checkbox-visual{flex-shrink:0;width:var(--ga-size-16);height:var(--ga-size-16);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;}.checkbox-visual--checked{background:var(--ga-color-primary-70);border-color:var(--ga-color-primary-70);}.checkbox-visual svg{width:var(--ga-size-12);height:var(--ga-size-12);color:var(--ga-color-white);stroke-width:var(--ga-size-border-width-lg);}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.consultant-name,.consultant-email{flex:1 1 0;min-width:0;font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.consultant-email{text-align:left;}.loading-row,.no-results-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}h2[tabindex="-1"]:focus{outline:none;}`
+  L`.step-content > p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-07);}.search-row{display:flex;justify-content:flex-end;margin-bottom:var(--ga-size-spacing-03);}.search-wrapper{position:relative;width:var(--ga-size-content-xs);}.search-icon{position:absolute;left:var(--ga-size-spacing-03);top:50%;transform:translateY(-50%);color:var(--ga-color-icon-action);display:flex;align-items:center;pointer-events:none;}.search-icon svg{width:var(--ga-size-spacing-05);height:var(--ga-size-spacing-05);}.search-input{width:100%;box-sizing:border-box;height:var(--ga-size-40);padding:0 var(--ga-size-spacing-04) 0 var(--ga-size-spacing-07);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);outline:none;font-family:var(--vsn-customer-onboarding-wizard-font-family);}.search-input::placeholder{color:var(--ga-color-neutral-60);}.search-input:focus{border-color:var(--ga-color-border-focus);}.consultant-list{background:var(--ga-color-surface-page);border-radius:var(--ga-radius);overflow:hidden;}.consultant-row{display:flex;align-items:center;gap:var(--ga-size-spacing-03);height:var(--ga-size-56);padding:0 var(--ga-size-spacing-05);cursor:pointer;}.consultant-row + .consultant-row{border-top:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-20);}.consultant-row--selected{background:var(--ga-color-surface-selected);}.consultant-row:hover:not(.consultant-row--selected){background:var(--ga-color-neutral-10);}.consultant-row:focus-within .checkbox-visual{outline:var(--ga-size-border-width-md) solid var(--ga-color-border-focus);outline-offset:var(--ga-size-border-width-sm);}.checkbox-visual{flex-shrink:0;width:var(--ga-size-16);height:var(--ga-size-16);border:var(--ga-size-border-width-sm) solid var(--ga-color-neutral-30);border-radius:var(--ga-radius);background:var(--ga-color-white);display:flex;align-items:center;justify-content:center;pointer-events:none;}.checkbox-visual--checked{background:var(--ga-color-primary-70);border-color:var(--ga-color-primary-70);}.checkbox-visual svg{width:var(--ga-size-12);height:var(--ga-size-12);color:var(--ga-color-white);stroke-width:var(--ga-size-border-width-lg);}.sr-only{position:absolute;width:var(--ga-size-border-width-sm);height:var(--ga-size-border-width-sm);padding:0;margin:calc(var(--ga-size-border-width-sm) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.consultant-name,.consultant-email{min-width:0;font-size:var(--ga-text-sm-size);line-height:var(--ga-text-sm-line-height);color:var(--ga-color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.consultant-name{flex:7 1 0;}.consultant-email{flex:5 1 0;text-align:left;}.loading-row,.no-results-row{padding:var(--ga-size-spacing-05);text-align:center;font-size:var(--ga-text-sm-size);color:var(--ga-color-neutral-60);}h2[tabindex="-1"]:focus{outline:none;}`
 ];
 $([
   g({ type: Object })
@@ -2268,19 +2268,22 @@ let I = class extends E {
     const e = this.translations;
     return n`
       <div class="step-content">
-        <h2 tabindex="-1">${e.complete.title}</h2>
-        <p>${e.complete.message1}</p>
-        <p>${e.complete.message2}</p>
-        
-        <button type="button" class="btn-primary primary-action" @click=${this.handleGoToAdmin}>
-          ${e.complete.goToAdminButton}
-        </button>
+        <div class="complete-content">
+          <h2 tabindex="-1">${e.complete.title}</h2>
+          <div class="complete-body">
+            <p>${e.complete.message1}</p>
+            <p>${e.complete.message2}</p>
+          </div>
+        </div>
       </div>
       
       <div class="wizard-actions">
         <button type="button" class="btn-secondary" @click=${this.handleClose}>
           ${e.common.close}
         </button>
+        <button type="button" class="btn-primary" @click=${this.handleGoToAdmin}>
+          ${e.complete.goToAdminButton}
+        </button>
       </div>
     `;
   }
@@ -2289,7 +2292,7 @@ I.styles = [
   N,
   j,
   P,
-  L`.step-content h2{font-weight:var(--ga-font-weight-semibold);margin:0 0 var(--ga-size-spacing-06);}.step-content p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-04);}.primary-action{margin-top:var(--ga-size-spacing-06);}h2[tabindex="-1"]:focus{outline:none;}`
+  L`.complete-content{display:flex;flex-direction:column;gap:var(--ga-size-spacing-06);margin:0 auto;width:100%;max-width:var(--ga-size-content-sm);min-height:270px;}.complete-content h2{margin:0;}.complete-body p{font-size:var(--ga-text-md-size);line-height:var(--ga-text-md-line-height);letter-spacing:var(--ga-text-md-tracking);color:var(--ga-color-text-body);margin:0 0 var(--ga-size-spacing-05);}.complete-body p:last-child{margin-bottom:0;}.wizard-actions{border-top:none;}h2[tabindex="-1"]:focus{outline:none;}`
 ];
 F([
   g({ type: Object })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visma-swno/customer-onboarding-wizard",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",