@thecb/components 6.0.0 → 6.0.3-beta.0

package/dist/index.cjs.js

@@ -6145,6 +6145,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,
@@ -6157,7 +6159,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"];
@@ -20969,7 +20973,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",
@@ -37264,7 +37268,10 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
     boxShadow: "0px 0px 4px 0px rgb(110, 114, 126)",
     role: "region",
     "aria-label": "Payment step"
-  }, /*#__PURE__*/React__default.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    srOnly: true,
+    padding: "0"
+  }, /*#__PURE__*/React__default.createElement(Text$1, null, "Current step: ".concat(tabs[highlightIndex]))), /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: "76.5rem"
   }, /*#__PURE__*/React__default.createElement(Reel, {
     padding: "0",
@@ -43037,7 +43044,8 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
       borderRadius: "3px",
       extraStyles: "overflow: scroll; max-height: 20rem;"
     }, /*#__PURE__*/React__default.createElement(Text$1, {
-      variant: "p"
+      variant: "p",
+      extraStyles: "& a { text-decoration: underline; }"
     }, terms)),
     defaultWrapper: false,
     onlyCloseButton: !acceptText,