@thecb/components 3.5.16 → 3.5.17

package/.tool-versions

@@ -0,0 +1 @@
+nodejs 10.15.3

package/dist/index.cjs.js

@@ -12635,7 +12635,7 @@ var ButtonWithAction = function ButtonWithAction(_ref) {
   var loadingExtraStyles = "".concat(extraStyles, "; padding-top: 0.75rem; padding-bottom: 0.75rem;");
   var hoverStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.hoverBackgroundColor, ";\n    border-color: ").concat(themeValues.hoverBorderColor, ";\n    color: ").concat(themeValues.hoverColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
   var activeStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.activeBackgroundColor, ";\n    border-color: ").concat(themeValues.activeBorderColor, ";\n    color: ").concat(themeValues.activeColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
-  var disabledStyles = "\n    background-clor: #6E727E;\n    border-clor: #6E727E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6E727E;\n      outline: none;\n    }\n  ";
+  var disabledStyles = "\n    background-clor: #6E727E;\n    border-color: #6E727E;\n    color: #FFFFFF;\n    &:focus {\n      box-shadow: 0 0 10px #6E727E;\n      outline: none;\n    }\n  ";
   return /*#__PURE__*/React__default.createElement(Box, {
     variant: variant,
     padding: themeValues.padding,
@@ -16780,7 +16780,7 @@ function _templateObject4$2() {
 }
 
 function _templateObject3$5() {
-  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  text-align: start;\n  border-size: 0px;\n  border-color: transparent;\n  box-shadow: none;\n  padding: 1rem;\n  box-sizing: border-box;\n  width: 100%;\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus {\n    background-color: ", ";\n    outline: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  text-align: start;\n  border-width: 0px;\n  border-color: transparent;\n  box-shadow: none;\n  padding: 1rem;\n  box-sizing: border-box;\n  width: 100%;\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus {\n    background-color: ", ";\n    outline: none;\n  }\n"]);
 
   _templateObject3$5 = function _templateObject3() {
     return data;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "3.5.16",
+  "version": "3.5.17",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/button-with-action/ButtonWithAction.js

@@ -103,7 +103,7 @@ const ButtonWithAction = ({
   `;
   const disabledStyles = `
     background-clor: #6E727E;
-    border-clor: #6E727E;
+    border-color: #6E727E;
     color: #FFFFFF;
     &:focus {
       box-shadow: 0 0 10px #6E727E;

package/src/components/atoms/dropdown/Dropdown.js

@@ -44,7 +44,7 @@ const DropdownItemWrapper = styled.div`
   background-color: ${({ selected, themeValues }) =>
     selected ? themeValues.selectedColor : WHITE};
   text-align: start;
-  border-size: 0px;
+  border-width: 0px;
   border-color: transparent;
   box-shadow: none;
   padding: 1rem;