@tet/tet-components 1.4.4-staging → 1.4.5-staging

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.
@@ -234,7 +234,7 @@ const TetCompareCardV2 = class {
234
234
  benefitHandler(benefit, isDropdownType = false) {
235
235
  const benefitAsLink = benefit.dataAttributes && Object.keys(benefit.dataAttributes).length > 0;
236
236
  const benefitAsImg = !!benefit.img;
237
- return (index.h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (index.h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (index.h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (index.h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (index.h("span", { class: "benefit__name" }, benefit.name))));
237
+ return (index.h(index.h.Fragment, null, benefit.isDropdown ? (index.h("span", { class: "benefit-title" }, benefit.dropdownTitle)) : (''), index.h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (index.h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (index.h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (index.h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (index.h("span", { class: "benefit__name" }, benefit.name)))));
238
238
  }
239
239
  /**
240
240
  * Renders the card body.
@@ -230,7 +230,7 @@ export class TetCompareCardV2 {
230
230
  benefitHandler(benefit, isDropdownType = false) {
231
231
  const benefitAsLink = benefit.dataAttributes && Object.keys(benefit.dataAttributes).length > 0;
232
232
  const benefitAsImg = !!benefit.img;
233
- return (h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name))));
233
+ return (h(h.Fragment, null, benefit.isDropdown ? (h("span", { class: "benefit-title" }, benefit.dropdownTitle)) : (''), h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name)))));
234
234
  }
235
235
  /**
236
236
  * Renders the card body.
@@ -238,7 +238,7 @@ const TetCompareCardV2$1 = /*@__PURE__*/ proxyCustomElement(class TetCompareCard
238
238
  benefitHandler(benefit, isDropdownType = false) {
239
239
  const benefitAsLink = benefit.dataAttributes && Object.keys(benefit.dataAttributes).length > 0;
240
240
  const benefitAsImg = !!benefit.img;
241
- return (h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name))));
241
+ return (h(h.Fragment, null, benefit.isDropdown ? (h("span", { class: "benefit-title" }, benefit.dropdownTitle)) : (''), h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name)))));
242
242
  }
243
243
  /**
244
244
  * Renders the card body.
@@ -230,7 +230,7 @@ const TetCompareCardV2 = class {
230
230
  benefitHandler(benefit, isDropdownType = false) {
231
231
  const benefitAsLink = benefit.dataAttributes && Object.keys(benefit.dataAttributes).length > 0;
232
232
  const benefitAsImg = !!benefit.img;
233
- return (h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name))));
233
+ return (h(h.Fragment, null, benefit.isDropdown ? (h("span", { class: "benefit-title" }, benefit.dropdownTitle)) : (''), h("div", { class: { 'benefit': true, 'benefit__dropdown': isDropdownType }, key: benefit.toggleKey }, benefitAsImg ? (h("img", { src: benefit.img, class: "benefit__icon benefit__img" })) : (h("tet-icon", { class: "benefit__icon icon", name: benefit.icon })), benefitAsLink ? (h("a", { class: "benefit__name benefit__link", ...(benefit.dataAttributes || {}) }, benefit.name)) : (h("span", { class: "benefit__name" }, benefit.name)))));
234
234
  }
235
235
  /**
236
236
  * Renders the card body.