@asantemedia-org/edwardsvacuum-design-system 1.6.43 → 1.6.44

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.
Files changed (10) hide show
  1. package/dist/index.css +10 -2
  2. package/dist/index.esm.css +10 -2
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.scss +10 -2
  8. package/dist/stories/experiences/QRFormJourney/Qr-form/Qr-form.d.ts +0 -1
  9. package/dist/tsconfig.tsbuildinfo +1 -1
  10. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1585,6 +1585,12 @@
1585
1585
  padding: 10px 18px 10px 18px;
1586
1586
  box-sizing: content-box;
1587
1587
  }
1588
+ .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel], .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel], .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel] {
1589
+ padding: 9px 18px 9px 18px;
1590
+ }
1591
+ .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:focus-visible {
1592
+ padding: 9px 18px 9px 18px;
1593
+ }
1588
1594
  .qr-journey-form-wrapper .qr-form-filed-wrapper label input:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label input:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label input:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:focus-visible {
1589
1595
  border: 2px solid #678B3B;
1590
1596
  outline: none;
@@ -1654,14 +1660,16 @@
1654
1660
  border-right: none;
1655
1661
  padding: 0 10px;
1656
1662
  background: white;
1663
+ border-radius: 0;
1657
1664
  }
1658
1665
  .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input {
1659
1666
  width: 100%;
1660
- height: calc(2.3em + 20px);
1667
+ height: calc(2.3em - 2px);
1661
1668
  line-height: 1em;
1662
1669
  padding: 10px 18px;
1663
1670
  border: 1px solid;
1664
1671
  font-size: 18px;
1672
+ border-radius: 0;
1665
1673
  }
1666
1674
  .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:active, .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:focus-visible {
1667
1675
  border: 2px solid #678B3B;
@@ -1872,7 +1880,7 @@
1872
1880
  background-color: rgb(196, 38, 46);
1873
1881
  color: #FFFFFF;
1874
1882
  }
1875
- .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked h3 {
1883
+ .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked.current-page h3 {
1876
1884
  color: black;
1877
1885
  font-weight: 700;
1878
1886
  }
package/dist/index.esm.css CHANGED
@@ -1585,6 +1585,12 @@
1585
1585
  padding: 10px 18px 10px 18px;
1586
1586
  box-sizing: content-box;
1587
1587
  }
1588
+ .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel], .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel], .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel] {
1589
+ padding: 9px 18px 9px 18px;
1590
+ }
1591
+ .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label input[type=tel]:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label select[type=tel]:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea[type=tel]:focus-visible {
1592
+ padding: 9px 18px 9px 18px;
1593
+ }
1588
1594
  .qr-journey-form-wrapper .qr-form-filed-wrapper label input:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label input:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label input:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label select:focus-visible, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:active, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper label textarea:focus-visible {
1589
1595
  border: 2px solid #678B3B;
1590
1596
  outline: none;
@@ -1654,14 +1660,16 @@
1654
1660
  border-right: none;
1655
1661
  padding: 0 10px;
1656
1662
  background: white;
1663
+ border-radius: 0;
1657
1664
  }
1658
1665
  .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input {
1659
1666
  width: 100%;
1660
- height: calc(2.3em + 20px);
1667
+ height: calc(2.3em - 2px);
1661
1668
  line-height: 1em;
1662
1669
  padding: 10px 18px;
1663
1670
  border: 1px solid;
1664
1671
  font-size: 18px;
1672
+ border-radius: 0;
1665
1673
  }
1666
1674
  .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:active, .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:focus, .qr-journey-form-wrapper .qr-form-filed-wrapper .react-international-phone-input-container .react-international-phone-input:focus-visible {
1667
1675
  border: 2px solid #678B3B;
@@ -1872,7 +1880,7 @@
1872
1880
  background-color: rgb(196, 38, 46);
1873
1881
  color: #FFFFFF;
1874
1882
  }
1875
- .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked h3 {
1883
+ .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked.current-page h3 {
1876
1884
  color: black;
1877
1885
  font-weight: 700;
1878
1886
  }
package/dist/index.esm.js CHANGED
@@ -1368,7 +1368,7 @@ var QrForm = function (props) {
1368
1368
  className: "progress-indicator-desktop current-page-".concat(currentPage, " ").concat(currentPage === 0 ? "first-page" : "")
1369
1369
  }, pages.map(function (_, index) {
1370
1370
  return /*#__PURE__*/React.createElement("li", {
1371
- className: currentPage >= index ? "checked" : "",
1371
+ className: "".concat(currentPage >= index ? "checked" : "", " ").concat(index === currentPage ? "current-page" : ""),
1372
1372
  key: index
1373
1373
  }, /*#__PURE__*/React.createElement("div", {
1374
1374
  className: "bullet-point"