@thecb/components 11.11.1-beta.0 → 11.11.1-beta.2

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 CHANGED
@@ -26386,7 +26386,7 @@ var CardType = function CardType(_ref) {
26386
26386
  var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
26387
26387
  label = _ref2.label,
26388
26388
  IconComponent = _ref2[size];
26389
- return /*#__PURE__*/React__default.createElement(IconComponent, null);
26389
+ return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(IconComponent, null));
26390
26390
  };
26391
26391
 
26392
26392
  var textColor$2 = "".concat(CHARADE_GREY);
@@ -26463,7 +26463,7 @@ var CreditCardWrapper = styled__default.div.withConfig({
26463
26463
  var CCIconWrapper = styled__default.div.withConfig({
26464
26464
  displayName: "FormattedCreditCard__CCIconWrapper",
26465
26465
  componentId: "sc-s0ta5l-1"
26466
- })(["margin-right:8px;width:36px;height:auto;display:flex;"]);
26466
+ })(["margin-right:16px;width:36px;height:auto;display:flex;"]);
26467
26467
  var FormattedCreditCard = function FormattedCreditCard(_ref) {
26468
26468
  var lastFour = _ref.lastFour,
26469
26469
  type = _ref.type,
@@ -27572,7 +27572,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
27572
27572
  borderWidth: "1px",
27573
27573
  borderStyle: "solid",
27574
27574
  borderRadius: "12px",
27575
- margin: "6px 8px 6px 6px",
27575
+ margin: "6px 14px 6px 6px",
27576
27576
  height: "24px",
27577
27577
  width: "24px",
27578
27578
  variants: buttonBorder,
@@ -40923,7 +40923,9 @@ var EditableList = function EditableList(_ref) {
40923
40923
  _ref$editItemAriaRole = _ref.editItemAriaRole,
40924
40924
  editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole,
40925
40925
  _ref$disablePlacehold = _ref.disablePlaceholder,
40926
- disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
40926
+ disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold,
40927
+ _ref$getEditHref = _ref.getEditHref,
40928
+ getEditHref = _ref$getEditHref === void 0 ? null : _ref$getEditHref;
40927
40929
  var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
40928
40930
  return /*#__PURE__*/React__default.createElement(Box, {
40929
40931
  padding: listPadding,
@@ -40990,7 +40992,12 @@ var EditableList = function EditableList(_ref) {
40990
40992
  extraStyles: ":not(:first-child) { border-left: 2px solid ".concat(BOSTON_BLUE, ";}"),
40991
40993
  dataQa: qaPrefix + " Edit",
40992
40994
  key: "Edit ".concat(item.id)
40993
- }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
40995
+ }, getEditHref ? /*#__PURE__*/React__default.createElement(InternalLink, {
40996
+ to: getEditHref(item),
40997
+ fontWeight: "400",
40998
+ extraStyles: "margin: 0.5rem; min-width: 0;",
40999
+ "aria-label": "Edit ".concat(ariaLabel || itemName)
41000
+ }, "Edit") : /*#__PURE__*/React__default.createElement(ButtonWithAction, {
40994
41001
  variant: "smallGhost",
40995
41002
  text: "Edit",
40996
41003
  action: function action() {