@thecb/components 9.1.5-beta.0 → 9.1.7-beta.0

package/dist/index.cjs.js

@@ -23766,13 +23766,19 @@ var DropdownContentWrapper = styled__default.div.withConfig({
 var DropdownItemWrapper = styled__default.li.withConfig({
   displayName: "Dropdown__DropdownItemWrapper",
   componentId: "sc-pn6m0h-2"
-})(["background-color:", ";text-align:start;border-width:0px;border-color:transparent;box-shadow:none;padding:1rem;box-sizing:border-box;width:100%;list-style:none;cursor:", ";&:hover{background-color:", ";}&:focus{background-color:", ";outline:none;}"], function (_ref4) {
-  var selected = _ref4.selected,
-      themeValues = _ref4.themeValues;
-  return selected ? themeValues.selectedColor : WHITE;
-}, function (_ref5) {
-  var disabled = _ref5.disabled;
+})(["text-align:start;border-width:2px;border-color:transparent;box-shadow:none;padding:1rem;box-sizing:border-box;width:100%;list-style:none;cursor:", ";&:hover{border-color:themeValues.selectedColor;}&:focus{outline:none;border-color:themeValues.selectedColor;}"], function (_ref4) {
+  var disabled = _ref4.disabled;
   return disabled ? "default" : "pointer";
+}); // ${({ selected, themeValues }) =>
+// selected ? themeValues.selectedColor : TRANSPARENT};
+
+var DropdownItemBorder = styled__default.div.withConfig({
+  displayName: "Dropdown__DropdownItemBorder",
+  componentId: "sc-pn6m0h-3"
+})(["background-color:", ";border-width:2px;border-color:white;width:100%;&:hover{background-color:", ";}&:focus{background-color:", ";outline:none;}"], function (_ref5) {
+  var selected = _ref5.selected,
+      themeValues = _ref5.themeValues;
+  return selected ? themeValues.selectedColor : WHITE;
 }, function (_ref6) {
   var selected = _ref6.selected,
       disabled = _ref6.disabled,
@@ -24133,11 +24139,13 @@ var Dropdown = function Dropdown(_ref8) {
       onFocus: function onFocus() {
         return setFocusedRef(optionRefs.current[i]);
       }
+    }, /*#__PURE__*/React__default.createElement(DropdownItemBorder, {
+      selected: choice.value === value
     }, /*#__PURE__*/React__default.createElement(Text$1, {
       variant: "p",
       color: choice.value === value ? WHITE : disabledValues.includes(choice.value) ? STORM_GREY : MINESHAFT_GREY,
-      extraStyles: "padding-left: 16px;\n                      cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", ";\n                      white-space: nowrap;\n                      overflow: hidden;\n                      text-overflow: ellipsis;")
-    }, choice.text));
+      extraStyles: "padding-left: 16px;\n                        cursor: ".concat(disabledValues.includes(choice.value) ? "default" : "pointer", ";\n                        white-space: nowrap;\n                        overflow: hidden;\n                        text-overflow: ellipsis;")
+    }, choice.text)));
   }))) : /*#__PURE__*/React__default.createElement(React.Fragment, null)));
 };
 
@@ -26682,7 +26690,7 @@ var LineItem = function LineItem(_ref) {
   };
 
   var visibleCustomAttrs = customAttributes === null || customAttributes === void 0 ? void 0 : (_customAttributes$fil = customAttributes.filter(function (attr) {
-    return visibleFields.includes(attr.key) && attr.key !== "description";
+    return (visibleFields === null || visibleFields === void 0 ? void 0 : visibleFields.includes(attr.key)) && attr.key !== "description";
   })) === null || _customAttributes$fil === void 0 ? void 0 : _customAttributes$fil.map(function (attr) {
     return /*#__PURE__*/React__default.createElement(Paragraph$1, {
       variant: "pS",