@arc-ui/community-components 3.5.0 → 3.6.0

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/lib/index.d.cts CHANGED
@@ -292,7 +292,7 @@ interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
292
292
  /**
293
293
  * CTA configuration for Highlights
294
294
  */
295
- type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel"> & {
295
+ type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel" | "target"> & {
296
296
  /**
297
297
  * Allowed button styles only.
298
298
  * Primary is intentionally NOT supported.
@@ -438,6 +438,10 @@ interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPad
438
438
  * heading for `SectionHeading`.
439
439
  */
440
440
  heading: string;
441
+ /**
442
+ * Heading level for `SectionHeading`.
443
+ */
444
+ headingLevel?: HeadingLevel;
441
445
  /**
442
446
  * Text content for `SectionHeading`.
443
447
  */
package/lib/index.d.mts CHANGED
@@ -292,7 +292,7 @@ interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
292
292
  /**
293
293
  * CTA configuration for Highlights
294
294
  */
295
- type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel"> & {
295
+ type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel" | "target"> & {
296
296
  /**
297
297
  * Allowed button styles only.
298
298
  * Primary is intentionally NOT supported.
@@ -438,6 +438,10 @@ interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPad
438
438
  * heading for `SectionHeading`.
439
439
  */
440
440
  heading: string;
441
+ /**
442
+ * Heading level for `SectionHeading`.
443
+ */
444
+ headingLevel?: HeadingLevel;
441
445
  /**
442
446
  * Text content for `SectionHeading`.
443
447
  */
package/lib/index.mjs CHANGED
@@ -2831,7 +2831,7 @@ var Highlights = function (_a) {
2831
2831
  React.createElement(HighlightList, { listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs, headingLevel: headingLevel }),
2832
2832
  cta && (React.createElement(React.Fragment, null,
2833
2833
  React.createElement(VerticalSpace, { size: "24" }),
2834
- React.createElement(ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, size: "m", ariaLabel: cta.ariaLabel, buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
2834
+ React.createElement(ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, target: cta.target, size: "m", ariaLabel: cta.ariaLabel, buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
2835
2835
  ? ((_b = cta.icon) !== null && _b !== void 0 ? _b : BtIconArrowRightFill)
2836
2836
  : undefined, iconActive: cta.buttonStyle === "compact"
2837
2837
  ? ((_c = cta.iconActive) !== null && _c !== void 0 ? _c : BtIconArrowRightFill)
@@ -3052,12 +3052,12 @@ var styles$d = {"bannerWithTabsHeadingCentered":"BannerWithTabs-module_bannerWit
3052
3052
 
3053
3053
  var BannerWithTabs = function (_a) {
3054
3054
  var _b;
3055
- var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
3055
+ var tabs = _a.tabs, defaultValue = _a.defaultValue, heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.alignTypography, alignTypography = _c === void 0 ? "left" : _c, minHeight = _a.minHeight, minHeightM = _a.minHeightM, props = __rest(_a, ["tabs", "defaultValue", "heading", "headingLevel", "content", "id", "isHeadingWordWrap", "alignTypography", "minHeight", "minHeightM"]);
3056
3056
  return (React.createElement("div", __assign({}, filterAttrs(props)),
3057
3057
  React.createElement("div", { className: classNames((_b = {},
3058
3058
  _b[styles$d.bannerWithTabsHeadingCentered] = alignTypography === "center",
3059
3059
  _b)) },
3060
- React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, isPadded: alignTypography === "left" ? true : false })),
3060
+ React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, headingLevel: headingLevel, content: content, isPadded: alignTypography === "left" ? true : false })),
3061
3061
  React.createElement(TabbedBanner, { minHeight: minHeight, minHeightM: minHeightM, tabs: tabs, defaultValue: defaultValue })));
3062
3062
  };
3063
3063