@thecb/components 6.0.0 → 6.0.3

package/dist/index.esm.js

@@ -6137,6 +6137,8 @@ var checkDeniedCards = function checkDeniedCards(name) {
 */
 
 var screenReaderOnlyStyle = "\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n";
+var inputPlaceholderTextStyle = "\n  ::-webkit-input-placeholder {\n    color: ".concat(CHARADE_GREY, ";\n  }\n  ::-moz-placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n  ::-ms-placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n  ::placeholder {\n    color: ").concat(CHARADE_GREY, ";\n  }\n");
+var inputDisabledStyle = "\n  color: #6e727e;\n  background-color: #f7f7f7;\n  pointer-events: none;\n";
 
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6149,7 +6151,9 @@ var general = /*#__PURE__*/Object.freeze({
   checkCardBrand: checkCardBrand,
   displayCardBrand: displayCardBrand,
   checkDeniedCards: checkDeniedCards,
-  screenReaderOnlyStyle: screenReaderOnlyStyle
+  screenReaderOnlyStyle: screenReaderOnlyStyle,
+  inputPlaceholderTextStyle: inputPlaceholderTextStyle,
+  inputDisabledStyle: inputDisabledStyle
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
@@ -20961,7 +20965,7 @@ var Dropdown = function Dropdown(_ref8) {
     borderRadius: "2px",
     borderSize: "1px",
     borderColor: isError ? ERROR_COLOR : isOpen ? themeValues.selectedColor : GREY_CHATEAU,
-    extraStyles: disabled && "color: #6e727e;\n            background-color: #f7f7f7;\n            pointer-events: none;",
+    extraStyles: disabled ? "".concat(inputPlaceholderTextStyle).concat(inputDisabledStyle) : inputPlaceholderTextStyle,
     hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
     isOpen: isOpen,
     minHeight: "48px",
@@ -37256,7 +37260,10 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
     boxShadow: "0px 0px 4px 0px rgb(110, 114, 126)",
     role: "region",
     "aria-label": "Payment step"
-  }, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React.createElement(Box, {
+    srOnly: true,
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Text$1, null, "Current step: ".concat(tabs[highlightIndex]))), /*#__PURE__*/React.createElement(Center, {
     maxWidth: "76.5rem"
   }, /*#__PURE__*/React.createElement(Reel, {
     padding: "0",
@@ -40249,6 +40256,8 @@ var Modal$1 = function Modal(_ref) {
       defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
       _ref$onlyCloseButton = _ref.onlyCloseButton,
       onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
+      _ref$noButtons = _ref.noButtons,
+      noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
       maxHeight = _ref.maxHeight,
       _ref$underlayClickExi = _ref.underlayClickExits,
       underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
@@ -40309,7 +40318,7 @@ var Modal$1 = function Modal(_ref) {
     justify: "flex-end",
     align: "center",
     childGap: "0rem"
-  }, !onlyCloseButton ? /*#__PURE__*/React.createElement(Fragment, null, isMobile ? /*#__PURE__*/React.createElement(Stack, {
+  }, !noButtons && /*#__PURE__*/React.createElement(React.Fragment, null, !onlyCloseButton ? /*#__PURE__*/React.createElement(Fragment, null, isMobile ? /*#__PURE__*/React.createElement(Stack, {
     childGap: "1rem",
     direction: "row"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -40361,7 +40370,7 @@ var Modal$1 = function Modal(_ref) {
     dataQa: "Close",
     extraStyles: buttonExtraStyles,
     className: "modal-cancel-button"
-  })))))))), children);
+  }))))))))), children);
 };
 
 var fontSize$9 = {