@thecb/components 6.0.0 → 6.0.1
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.cjs.js +6 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/dropdown/Dropdown.js +10 -6
- package/src/util/general.js +21 -0
- package/src/.DS_Store +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -6145,6 +6145,8 @@ var checkDeniedCards = function checkDeniedCards(name) {
|
|
|
6145
6145
|
*/
|
|
6146
6146
|
|
|
6147
6147
|
var screenReaderOnlyStyle = "\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n";
|
|
6148
|
+
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");
|
|
6149
|
+
var inputDisabledStyle = "\n color: #6e727e;\n background-color: #f7f7f7;\n pointer-events: none;\n";
|
|
6148
6150
|
|
|
6149
6151
|
var general = /*#__PURE__*/Object.freeze({
|
|
6150
6152
|
__proto__: null,
|
|
@@ -6157,7 +6159,9 @@ var general = /*#__PURE__*/Object.freeze({
|
|
|
6157
6159
|
checkCardBrand: checkCardBrand,
|
|
6158
6160
|
displayCardBrand: displayCardBrand,
|
|
6159
6161
|
checkDeniedCards: checkDeniedCards,
|
|
6160
|
-
screenReaderOnlyStyle: screenReaderOnlyStyle
|
|
6162
|
+
screenReaderOnlyStyle: screenReaderOnlyStyle,
|
|
6163
|
+
inputPlaceholderTextStyle: inputPlaceholderTextStyle,
|
|
6164
|
+
inputDisabledStyle: inputDisabledStyle
|
|
6161
6165
|
});
|
|
6162
6166
|
|
|
6163
6167
|
var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
|
|
@@ -20969,7 +20973,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
20969
20973
|
borderRadius: "2px",
|
|
20970
20974
|
borderSize: "1px",
|
|
20971
20975
|
borderColor: isError ? ERROR_COLOR : isOpen ? themeValues.selectedColor : GREY_CHATEAU,
|
|
20972
|
-
extraStyles: disabled
|
|
20976
|
+
extraStyles: disabled ? "".concat(inputPlaceholderTextStyle).concat(inputDisabledStyle) : inputPlaceholderTextStyle,
|
|
20973
20977
|
hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
|
|
20974
20978
|
isOpen: isOpen,
|
|
20975
20979
|
minHeight: "48px",
|