@randstad-uca/design-system 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -926,6 +926,7 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
926
926
  display: flex;
927
927
  align-items: center;
928
928
  width: 100%;
929
+ position: relative;
929
930
  }
930
931
 
931
932
  .input-with-button input {
@@ -1533,9 +1534,12 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1533
1534
 
1534
1535
  <div class="popup-content">
1535
1536
  ${"default"===this.type?e`
1537
+ ${this.title?e`<h2 id="popup-title" class="popup-title">${this.title}</h2>`:i}
1538
+
1536
1539
  <div class="titles-container">
1537
1540
  <p id="popup-description" class="popup-description">${this.description}</p>
1538
1541
  </div>
1542
+
1539
1543
  <div class="buttons-container">
1540
1544
  <randstad-button
1541
1545
  variant="button-primary"
@@ -1567,19 +1571,23 @@ function A(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1567
1571
  <h2 id="popup-title" class="popup-title">${this.title}</h2>
1568
1572
  <p id="popup-description" class="popup-description">${this.description}</p>
1569
1573
  </div>
1574
+
1570
1575
  <div class="buttons-container">
1571
1576
  <randstad-button
1572
1577
  variant="button-secondary"
1573
1578
  size="md"
1574
1579
  @click=${()=>this.closePopup(!1)}
1575
1580
  label=${this.cancelText}
1576
- ></randstad-button>
1581
+ >
1582
+ </randstad-button>
1583
+
1577
1584
  <randstad-button
1578
1585
  variant="button-primary"
1579
1586
  size="md"
1580
1587
  @click=${()=>this.closePopup(!0)}
1581
1588
  label=${this.confirmText}
1582
- ></randstad-button>
1589
+ >
1590
+ </randstad-button>
1583
1591
  </div>
1584
1592
  `}
1585
1593
  </div>