@thecb/components 10.6.5-beta.1 → 10.6.5-beta.3

package/dist/index.cjs.js

@@ -41322,7 +41322,9 @@ var EditableList = function EditableList(_ref) {
     _ref$editItemAriaRole = _ref.editItemAriaRole,
     editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole,
     _ref$disablePlacehold = _ref.disablePlaceholder,
-    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
+    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold,
+    _ref$actionTextExtraS = _ref.actionTextExtraStyles,
+    actionTextExtraStyles = _ref$actionTextExtraS === void 0 ? "" : _ref$actionTextExtraS;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: listPadding,
@@ -41381,7 +41383,7 @@ var EditableList = function EditableList(_ref) {
       action: function action() {
         return removeItem(item.id);
       },
-      extraStyles: "min-width: 0;",
+      extraStyles: "min-width: 0; ".concat(actionTextExtraStyles),
       "aria-label": "Remove ".concat(ariaLabel || itemName)
     })), canEdit && /*#__PURE__*/React__default.createElement(Box, {
       padding: "0 0.5rem",
@@ -41395,7 +41397,7 @@ var EditableList = function EditableList(_ref) {
       action: function action() {
         return editItem(item.id);
       },
-      extraStyles: "min-width: 0;",
+      extraStyles: "min-width: 0; ".concat(actionTextExtraStyles),
       "aria-label": "Edit ".concat(ariaLabel || itemName),
       role: editItemAriaRole
     }))));
@@ -50113,7 +50115,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
   }, section.content))));
 };
 
-var _excluded$E = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
+var _excluded$E = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections", "borderOverride"];
 
 /**
 - The RadioSection component takes either a flat array (via the 'sections' 
@@ -50161,6 +50163,7 @@ var RadioSection = function RadioSection(_ref) {
     _ref$isSectionRequire = _ref.isSectionRequired,
     isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire,
     groupedSections = _ref.groupedSections,
+    borderOverride = _ref.borderOverride,
     rest = _objectWithoutProperties(_ref, _excluded$E);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -50193,7 +50196,7 @@ var RadioSection = function RadioSection(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(Box, _extends({
     padding: "1px",
-    border: "1px solid ".concat(themeValues.borderColor),
+    border: borderOverride || "1px solid ".concat(themeValues.borderColor),
     borderRadius: "4px",
     extraStyles: containerStyles,
     role: "radiogroup",