@homebound/beam 3.104.0 → 3.105.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/dist/index.d.cts CHANGED
@@ -4833,7 +4833,7 @@ type ProposedValueProps = {
4833
4833
  declare function ProposedValue$1(props: ProposedValueProps): JSX.Element;
4834
4834
 
4835
4835
  type TagXss = Margin | "backgroundColor" | "color";
4836
- type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
4836
+ type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai" | "strikethrough";
4837
4837
  type TagVariant = "primary" | "secondary";
4838
4838
  type TagPropsBase<X> = {
4839
4839
  /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
package/dist/index.d.ts CHANGED
@@ -4833,7 +4833,7 @@ type ProposedValueProps = {
4833
4833
  declare function ProposedValue$1(props: ProposedValueProps): JSX.Element;
4834
4834
 
4835
4835
  type TagXss = Margin | "backgroundColor" | "color";
4836
- type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
4836
+ type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai" | "strikethrough";
4837
4837
  type TagVariant = "primary" | "secondary";
4838
4838
  type TagPropsBase<X> = {
4839
4839
  /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
package/dist/index.js CHANGED
@@ -24677,6 +24677,7 @@ function Tag(props) {
24677
24677
  ...otherProps
24678
24678
  } = props;
24679
24679
  const isIconOnly = !!iconOnly && !!icon;
24680
+ const isStrikethrough = type === "strikethrough";
24680
24681
  const {
24681
24682
  background,
24682
24683
  iconColor,
@@ -24714,10 +24715,23 @@ function Tag(props) {
24714
24715
  paddingRight: "pr_2px"
24715
24716
  } : padding,
24716
24717
  ...background,
24718
+ ...isStrikethrough ? {
24719
+ opacity: "o50"
24720
+ } : {},
24717
24721
  ...xss
24718
24722
  }), children: [
24719
24723
  icon && /* @__PURE__ */ jsx196("span", { className: "fs0", children: /* @__PURE__ */ jsx196(Icon, { icon, inc: 1.75, color: iconColor }) }),
24720
- isIconOnly ? /* @__PURE__ */ jsx196("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx196("span", { ref, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: text })
24724
+ isIconOnly ? /* @__PURE__ */ jsx196("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx196("span", { ref, ...trussProps109({
24725
+ overflow: "oh",
24726
+ display: "d_negwebkit_box",
24727
+ WebkitBoxOrient: "wbo_vertical",
24728
+ textOverflow: "to_ellipsis",
24729
+ WebkitLineClamp: "wlc_1",
24730
+ wordBreak: "wbba",
24731
+ ...isStrikethrough ? {
24732
+ textDecoration: "tdlt"
24733
+ } : {}
24734
+ }), children: text })
24721
24735
  ] })
24722
24736
  });
24723
24737
  }