@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.esm.js
CHANGED
|
@@ -6137,6 +6137,8 @@ var checkDeniedCards = function checkDeniedCards(name) {
|
|
|
6137
6137
|
*/
|
|
6138
6138
|
|
|
6139
6139
|
var screenReaderOnlyStyle = "\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n";
|
|
6140
|
+
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");
|
|
6141
|
+
var inputDisabledStyle = "\n color: #6e727e;\n background-color: #f7f7f7;\n pointer-events: none;\n";
|
|
6140
6142
|
|
|
6141
6143
|
var general = /*#__PURE__*/Object.freeze({
|
|
6142
6144
|
__proto__: null,
|
|
@@ -6149,7 +6151,9 @@ var general = /*#__PURE__*/Object.freeze({
|
|
|
6149
6151
|
checkCardBrand: checkCardBrand,
|
|
6150
6152
|
displayCardBrand: displayCardBrand,
|
|
6151
6153
|
checkDeniedCards: checkDeniedCards,
|
|
6152
|
-
screenReaderOnlyStyle: screenReaderOnlyStyle
|
|
6154
|
+
screenReaderOnlyStyle: screenReaderOnlyStyle,
|
|
6155
|
+
inputPlaceholderTextStyle: inputPlaceholderTextStyle,
|
|
6156
|
+
inputDisabledStyle: inputDisabledStyle
|
|
6153
6157
|
});
|
|
6154
6158
|
|
|
6155
6159
|
var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
|
|
@@ -20961,7 +20965,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
20961
20965
|
borderRadius: "2px",
|
|
20962
20966
|
borderSize: "1px",
|
|
20963
20967
|
borderColor: isError ? ERROR_COLOR : isOpen ? themeValues.selectedColor : GREY_CHATEAU,
|
|
20964
|
-
extraStyles: disabled
|
|
20968
|
+
extraStyles: disabled ? "".concat(inputPlaceholderTextStyle).concat(inputDisabledStyle) : inputPlaceholderTextStyle,
|
|
20965
20969
|
hoverStyles: "background-color: ".concat(themeValues.hoverColor, ";"),
|
|
20966
20970
|
isOpen: isOpen,
|
|
20967
20971
|
minHeight: "48px",
|