@vodafone_de/brix-components 17.1.2 → 18.0.0

package/dist/components/Legend/validate.d.ts

@@ -627,6 +627,7 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1181,7 +1182,6 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1235,6 +1235,7 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1789,7 +1790,6 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1896,6 +1896,7 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -2450,7 +2451,6 @@ export declare const legendContentSchema: z.ZodUnion<readonly [z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -3292,6 +3292,7 @@ export declare const legendSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -3846,7 +3847,6 @@ export declare const legendSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";
@@ -3900,6 +3900,7 @@ export declare const legendSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -4454,7 +4455,6 @@ export declare const legendSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";
@@ -4561,6 +4561,7 @@ export declare const legendSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -5115,7 +5116,6 @@ export declare const legendSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";

package/dist/components/Link/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-BR6u6rvI.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-CW-UuGll.js";
 import { p as primaryAppearance } from "../../Appearance-CIB-YW3f.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";

package/dist/components/Link/validate.d.ts

@@ -72,6 +72,7 @@ export declare const linkSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -626,7 +627,6 @@ export declare const linkSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L } from "../../index-BR6u6rvI.js";
+import { L } from "../../index-CW-UuGll.js";
 export {
   L as default
 };

package/dist/components/LinkAsButton/validate.d.ts

@@ -17,6 +17,7 @@ export declare const linkAsButtonSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -571,7 +572,6 @@ export declare const linkAsButtonSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";

package/dist/components/LinkList/index.js

@@ -1,23 +1,43 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import LinkListItem from "../LinkListItem/index.js";
+import { a as LinkListItemStyled, L as LinkListItem } from "../../index-xzvddlgp.js";
 import { u as ulTagName, l as liTagName } from "../../tags-BeNegJAK.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
 import { l as linkListVariantColumn, a as linkListVariantRow } from "../../props-DSy1T2sH.js";
 import { b } from "../../props-DSy1T2sH.js";
 import styled from "styled-components";
-import { G as Grid, b as GridItem } from "../../index-B0jIyAgf.js";
+import { b as GridItem, G as Grid } from "../../index-E0RMtc9X.js";
 import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { b as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "../../props-KyOo_gFu.js";
+const LinkListLiStyled = styled(GridItem).withConfig({
+  displayName: "LinkListLiStyled",
+  componentId: "sc-15vheq9-0"
+})(({
+  variant
+}) => {
+  return {
+    width: variant === linkListVariantColumn ? "100%" : "auto"
+  };
+});
 const LinkListStyled = styled(Grid).withConfig({
   displayName: "LinkListStyled",
-  componentId: "sc-15vheq9-0"
+  componentId: "sc-15vheq9-1"
 })({
   display: "flex",
   flexWrap: "wrap"
+}, ({
+  variant,
+  elevation
+}) => variant === linkListVariantColumn && !elevation && {
+  [`${LinkListLiStyled.toString()} ${LinkListItemStyled.toString()}`]: {
+    borderTop: "none"
+  },
+  [`${LinkListLiStyled.toString()}:last-child ${LinkListItemStyled.toString()}`]: {
+    borderBottom: "none"
+  }
 }, ({
   bottomSpacing = spacingMd
 }) => getBottomSpacing({
@@ -36,16 +56,6 @@ const LinkListStyled = styled(Grid).withConfig({
 }, ({
   layout
 }) => layout && translateLayoutPropsToCss(layout));
-const LinkListLiStyled = styled(GridItem).withConfig({
-  displayName: "LinkListLiStyled",
-  componentId: "sc-15vheq9-1"
-})(({
-  variant
-}) => {
-  return {
-    width: variant === linkListVariantColumn ? "100%" : "auto"
-  };
-});
 const LinkList = ({
   items,
   variant = linkListVariantRow,
@@ -57,8 +67,8 @@ const LinkList = ({
   },
   ...props
 }) => {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], children: /* @__PURE__ */ jsx(LinkListStyled, { bottomSpacing: props.bottomSpacing, variant, tag: ulTagName, autoLayout: gridConfig, elevation, stretch: true, layout: props.layout, children: items.map((item, index) => {
-    return /* @__PURE__ */ jsx(LinkListLiStyled, { tag: liTagName, variant, children: /* @__PURE__ */ jsx(LinkListItem, { ...item, orientation: variant === linkListVariantRow ? linkListItemVariantVertical : linkListItemVariantHorizontal, elevation, bottomSpacing: spacingNone, isLastItemInList: index === items.length - 1 }) }, item.uid);
+  return /* @__PURE__ */ jsx("nav", { "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], children: /* @__PURE__ */ jsx(LinkListStyled, { bottomSpacing: props.bottomSpacing, variant, tag: ulTagName, autoLayout: gridConfig, elevation, stretch: true, layout: props.layout, children: items.map((item) => {
+    return /* @__PURE__ */ jsx(LinkListLiStyled, { tag: liTagName, variant, children: /* @__PURE__ */ jsx(LinkListItem, { ...item, orientation: variant === linkListVariantRow ? linkListItemVariantVertical : linkListItemVariantHorizontal, elevation, bottomSpacing: spacingNone }) }, item.uid);
   }) }) });
 };
 export {

package/dist/components/LinkList/styled.d.ts

@@ -1,3 +1,3 @@
 import { LinkListProps } from './props';
-export declare const LinkListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../Grid').GridProps, "bottomSpacing" | "elevation" | "variant"> & Pick<LinkListProps, "bottomSpacing" | "elevation" | "variant">, never> & Partial<Pick<import('styled-components').FastOmit<import('../Grid').GridProps, "bottomSpacing" | "elevation" | "variant"> & Pick<LinkListProps, "bottomSpacing" | "elevation" | "variant">, never>>> & string & Omit<({ tag, gap, autoLayout, ...props }: import('../Grid').GridProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const LinkListLiStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../GridItem').GridItemProps, "variant"> & Pick<LinkListProps, "variant">, never> & Partial<Pick<import('styled-components').FastOmit<import('../GridItem').GridItemProps, "variant"> & Pick<LinkListProps, "variant">, never>>> & string & Omit<({ sm, tag, ...props }: import('../GridItem').GridItemProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const LinkListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../Grid').GridProps, "bottomSpacing" | "elevation" | "variant"> & Pick<LinkListProps, "bottomSpacing" | "elevation" | "variant">, never> & Partial<Pick<import('styled-components').FastOmit<import('../Grid').GridProps, "bottomSpacing" | "elevation" | "variant"> & Pick<LinkListProps, "bottomSpacing" | "elevation" | "variant">, never>>> & string & Omit<({ tag, gap, autoLayout, ...props }: import('../Grid').GridProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/components/LinkListItem/index.js

@@ -1,346 +1,19 @@
 "use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { B as Badge } from "../../index-CWByESA7.js";
-import IconLoader from "../IconLoader/index.js";
-import { c as spanTagName } from "../../tags-BeNegJAK.js";
-import { h as iconSizeMd } from "../../IconSize-Da9zhR76.js";
-import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
-import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
-import { s as shouldForwardProp, a as shouldForwardPropExcluding, p as pickDomProps } from "../../shouldForwardProp-CONMmlMa.js";
-import { a as linkListItemVariantHorizontal, b as linkListItemVariantVertical } from "../../props-KyOo_gFu.js";
-import { l } from "../../props-KyOo_gFu.js";
-import styled from "styled-components";
-import Body from "../Body/index.js";
-import Card from "../Card/index.js";
-import Icon from "../Icon/index.js";
-import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
-import forcedColors from "../../foundations/media-query/forcedColors/index.js";
-import { e as ease_in_sine } from "../../easing-Dm-pO8SY.js";
-import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
-import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
-import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
-import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
-import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
-import { getIconColor } from "../../foundations/token/getIconColor/index.js";
-import { g as getSpacing } from "../../index-l-i-mIeP.js";
-import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { c as colorBorderFocus, f as colorBorderSubtle } from "../../BorderColor-BACbvI20.js";
-import { b as borderRadiusMd, c as borderRadiusNone } from "../../BorderRadius-Co-IV3fn.js";
-import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-OZWeXaq_.js";
-import { t as textHeadingXs } from "../../HeadingSize-O__w72MO.js";
-import { b as colorIconBrand } from "../../IconColor-CtC9WUgr.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
-import { C as CardAppearanceColor } from "../../props-DDJfToj8.js";
-const focusStyles = {
-  ...forcedColors({
-    outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
-  }),
-  boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
-  outline: "none"
-};
-const hoverBackgroundColor = getHoverColor(CardAppearanceColor["primary"]);
-const hoverStylesChangingBackground = {
-  transitionProperty: "background, color, box-shadow",
-  transitionDuration: "0.2s",
-  transitionTimingFunction: ease_in_sine,
-  "&:hover, &:focus-visible": {
-    background: hoverBackgroundColor
-  }
-};
-const LinkListItemButtonStyled = styled.button.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListItemButtonStyled",
-  componentId: "sc-1dmfu9f-0"
-})({
-  width: "100%",
-  height: "100%",
-  background: "none",
-  border: "none",
-  cursor: "pointer",
-  color: getTextColor(colorTextNeutral),
-  borderRadius: getBorderRadius(borderRadiusMd),
-  "&:focus-visible": focusStyles,
-  ...forcedColors({
-    border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`,
-    background: "ButtonFace",
-    color: "ButtonText"
-  })
-}, ({
-  elevation = true,
-  orientation
-}) => {
-  if (!elevation && orientation === linkListItemVariantHorizontal) {
-    return {
-      borderRadius: getBorderRadius(borderRadiusNone),
-      transitionProperty: "color",
-      transitionDuration: "0.2s",
-      transitionTimingFunction: ease_in_sine,
-      "&:hover, &:focus-visible": {
-        color: getTextColor(colorTextBrand)
-      }
-    };
-  }
-});
-const buttonParent = `${LinkListItemButtonStyled.toString()} &`;
-const LinkListItemAnchorStyled = styled.span.withConfig({
-  shouldForwardProp: shouldForwardPropExcluding(["href"]),
-  displayName: "LinkListItemAnchorStyled",
-  componentId: "sc-1dmfu9f-1"
-})({
-  height: "100%",
-  "& > a": {
-    textDecoration: "none",
-    display: "block",
-    height: "100%",
-    color: getTextColor(colorTextNeutral),
-    "&:focus-visible": focusStyles,
-    "&:hover, &:focus": {
-      textDecoration: "none"
-    },
-    "&:visited": {
-      color: getTextColor(colorTextNeutral)
-    }
-  }
-}, ({
-  layout
-}) => layout && translateLayoutPropsToCss(layout), ({
-  elevation = true,
-  orientation
-}) => {
-  if (!elevation && orientation === linkListItemVariantHorizontal) {
-    return {
-      "& > a": {
-        borderRadius: getBorderRadius(borderRadiusNone),
-        transitionProperty: "color",
-        transitionDuration: "0.2s",
-        transitionTimingFunction: ease_in_sine,
-        "&:hover, &:focus-visible": {
-          color: getTextColor(colorTextBrand)
-        }
-      }
-    };
-  }
-  return {
-    "& > a": {
-      borderRadius: getBorderRadius(borderRadiusMd)
-    }
-  };
-});
-const parentHasFocusSelector = `${LinkListItemAnchorStyled.toString()}:focus-within &, ${LinkListItemButtonStyled.toString()}:focus-within &`;
-const LinkListItemStyled = styled.span.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListItemStyled",
-  componentId: "sc-1dmfu9f-2"
-})({
-  display: "block",
-  height: "100%",
-  padding: `${getSpacing(spacingMd)} 0`
-}, ({
-  orientation,
-  isLastItemInList = false
-}) => {
-  if (orientation === linkListItemVariantVertical) {
-    return {
-      ...hoverStylesChangingBackground,
-      borderRadius: getBorderRadius(borderRadiusMd),
-      border: `${getBorderWidth(borderWidthSm)} solid ${getBorderColor(colorBorderSubtle)}`,
-      padding: getSpacing(spacingMd),
-      [parentHasFocusSelector]: {
-        background: hoverBackgroundColor
-      },
-      ...forcedColors({
-        border: `${getBorderWidth(borderWidthSm)} solid CanvasText`,
-        [buttonParent]: {
-          border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`
-        },
-        "&:hover, &:focus-visible": {
-          background: "inherit"
-        },
-        [parentHasFocusSelector]: {
-          background: "inherit"
-        }
-      })
-    };
-  }
-  if (!isLastItemInList) {
-    return {
-      borderBottom: `${getBorderWidth(borderWidthSm)} solid ${getBorderColor(colorBorderSubtle)}`,
-      ...forcedColors({
-        borderBottom: `${getBorderWidth(borderWidthSm)} solid CanvasText}`
-      }),
-      ...forcedColors({
-        [buttonParent]: {
-          borderBottom: "none"
-        }
-      })
-    };
-  }
-}, ({
-  bottomSpacing = spacingMd
-}) => getBottomSpacing({
-  bottomSpacing
-}));
-const LinkListItemElevatedStyled = styled(Card).withConfig({
-  displayName: "LinkListItemElevatedStyled",
-  componentId: "sc-1dmfu9f-3"
-})({
-  ...hoverStylesChangingBackground,
-  ...forcedColors({
-    [buttonParent]: {
-      border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`,
-      background: "ButtonFace",
-      color: "ButtonText"
-    }
-  }),
-  height: "100%"
-}, () => {
-  return {
-    [parentHasFocusSelector]: {
-      background: hoverBackgroundColor
-    },
-    ...forcedColors({
-      [parentHasFocusSelector]: {
-        background: "inherit"
-      }
-    })
-  };
-});
-const LinkListItemContentWrapperStyled = styled.span.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListItemContentWrapperStyled",
-  componentId: "sc-1dmfu9f-4"
-})({
-  display: "flex"
-}, ({
-  orientation = linkListItemVariantHorizontal
-}) => {
-  return {
-    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
-    flexDirection: orientation === linkListItemVariantVertical ? "column" : "row",
-    gap: orientation === linkListItemVariantVertical ? getSpacing(spacingXs) : getSpacing(spacingNone)
-  };
-});
-const LinkListItemContentStyled = styled.span.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListItemContentStyled",
-  componentId: "sc-1dmfu9f-5"
-})({
-  flexGrow: 1,
-  display: "flex",
-  gap: getSpacing(spacingXs),
-  flexDirection: "row",
-  width: "100%",
-  "& > *": {
-    flexShrink: 0
-  }
-}, ({
-  orientation = linkListItemVariantHorizontal
-}) => {
-  return {
-    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
-    paddingRight: orientation === linkListItemVariantVertical ? getSpacing(spacingNone) : getSpacing(spacingXs)
-  };
-});
-const LinkListItemVerticalContentStyled = styled.span.withConfig({
-  displayName: "LinkListItemVerticalContentStyled",
-  componentId: "sc-1dmfu9f-6"
-})({
-  flexGrow: 1,
-  gap: getSpacing(spacingXs),
-  display: "flex",
-  flexDirection: "column",
-  flexShrink: 1,
-  minWidth: 0
-});
-const LinkListItemLabelWrapperStyled = styled.span.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListItemLabelWrapperStyled",
-  componentId: "sc-1dmfu9f-7"
-})({
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  alignItems: "flex-start",
-  flexShrink: 1
-});
-const LinkListLabelStyled = styled.span.withConfig({
-  shouldForwardProp,
-  displayName: "LinkListLabelStyled",
-  componentId: "sc-1dmfu9f-8"
-})(getHeadingSize(textHeadingXs), {
-  textAlign: "left",
-  overflowWrap: "break-word",
-  hyphens: "auto",
-  maxWidth: "100%"
-});
-const LinkListSuffixStyled = styled(Body).withConfig({
-  displayName: "LinkListSuffixStyled",
-  componentId: "sc-1dmfu9f-9"
-})({
-  color: "inherit"
-});
-const LinkListItemChevronStyled = styled(Icon).withConfig({
-  displayName: "LinkListItemChevronStyled",
-  componentId: "sc-1dmfu9f-10"
-})({
-  flexGrow: 0,
-  flexShrink: 0,
-  color: getIconColor(colorIconBrand)
-});
-const isLinkListItemAsButtonProp = (props) => {
-  return props.href === void 0;
-};
-const LinkListItem = (props) => {
-  const {
-    icon,
-    label,
-    suffix,
-    badge,
-    orientation,
-    elevation,
-    isLastItemInList
-  } = props;
-  const LinkListIcon = icon ? /* @__PURE__ */ jsx(IconLoader, { name: icon, size: iconSizeMd }) : void 0;
-  const LinkListLabel = /* @__PURE__ */ jsx(LinkListLabelStyled, { children: label });
-  const LinkListSuffix = suffix ? /* @__PURE__ */ jsx(LinkListSuffixStyled, { tag: spanTagName, bottomSpacing: spacingNone, children: suffix }) : void 0;
-  const LinkListBadge = badge ? /* @__PURE__ */ jsx(Badge, { ...badge, size: smallSize, bottomSpacing: spacingNone }) : void 0;
-  const LinkListChevron = /* @__PURE__ */ jsx(LinkListItemChevronStyled, { name: "ChevronRight", size: iconSizeMd });
-  const Content = /* @__PURE__ */ jsx(LinkListItemContentWrapperStyled, { orientation, children: orientation === linkListItemVariantHorizontal ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(LinkListItemContentStyled, { orientation, children: [
-      LinkListIcon,
-      /* @__PURE__ */ jsxs(LinkListItemLabelWrapperStyled, { children: [
-        LinkListLabel,
-        LinkListSuffix
-      ] }),
-      LinkListBadge
-    ] }),
-    LinkListChevron
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(LinkListItemContentStyled, { orientation, children: [
-      /* @__PURE__ */ jsxs(LinkListItemVerticalContentStyled, { children: [
-        LinkListIcon,
-        /* @__PURE__ */ jsxs(LinkListItemLabelWrapperStyled, { children: [
-          LinkListLabel,
-          LinkListSuffix
-        ] })
-      ] }),
-      LinkListChevron
-    ] }),
-    LinkListBadge
-  ] }) });
-  const Item = elevation ? /* @__PURE__ */ jsx(LinkListItemElevatedStyled, { tag: "span", children: Content }) : /* @__PURE__ */ jsx(LinkListItemStyled, { orientation, bottomSpacing: props.bottomSpacing, isLastItemInList, children: Content });
-  if (isLinkListItemAsButtonProp(props)) {
-    return /* @__PURE__ */ jsx(LinkListItemButtonStyled, { ...props, children: Item });
-  }
-  const LinkComponent = useLinkComponent();
-  return /* @__PURE__ */ jsx(LinkListItemAnchorStyled, { elevation, orientation, layout: props.layout, children: /* @__PURE__ */ jsx(LinkComponent, { ...sanitizeLinkProps(pickDomProps(props)), children: Item }) });
-};
+import "react/jsx-runtime";
+import "../../index-h88pZ6zH.js";
+import "../IconLoader/index.js";
+import "../../tags-BeNegJAK.js";
+import "../../IconSize-Da9zhR76.js";
+import "../../SizeTypes-Ck_RdzIf.js";
+import "../../Spacing-Dj-qX3Z5.js";
+import "../../hooks/useLinkComponent/index.js";
+import "../../sanitizeLinkProps-D2Kkovy1.js";
+import "../../shouldForwardProp-CONMmlMa.js";
+import { l, a, b } from "../../props-KyOo_gFu.js";
+import { L } from "../../index-xzvddlgp.js";
 export {
-  LinkListItem as default,
+  L as default,
   l as linkListItemOrientations,
-  linkListItemVariantHorizontal,
-  linkListItemVariantVertical
+  a as linkListItemVariantHorizontal,
+  b as linkListItemVariantVertical
 };

package/dist/components/LinkListItem/props.d.ts

@@ -34,10 +34,6 @@ export interface LinkListItemSharedProps extends BrixComponentProps {
      * Optional badge for status or metadata.
      */
     badge?: Omit<BadgeProps, 'size' | 'bottomSpacing'>;
-    /**
-     * Internal flag: marks the last item in a list for different border styling.
-     */
-    isLastItemInList?: boolean;
     /**
      * When `true`, adds a shadow for visual depth.
      */

package/dist/components/LinkListItem/styled.d.ts

@@ -1027,7 +1027,7 @@ export declare const linkComponentStyles: {
 };
 export declare const LinkListItemButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof LinkListItemAsButtonProps> & LinkListItemAsButtonProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof LinkListItemAsButtonProps> & LinkListItemAsButtonProps, never>>> & string;
 export declare const LinkListItemAnchorStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "layout" | "elevation" | "orientation"> & Pick<LinkListItemProps, "layout" | "elevation" | "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "layout" | "elevation" | "orientation"> & Pick<LinkListItemProps, "layout" | "elevation" | "orientation">, never>>> & string;
-export declare const LinkListItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "bottomSpacing" | "elevation" | "orientation" | "isLastItemInList"> & Pick<LinkListItemProps, "bottomSpacing" | "elevation" | "orientation" | "isLastItemInList">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "bottomSpacing" | "elevation" | "orientation" | "isLastItemInList"> & Pick<LinkListItemProps, "bottomSpacing" | "elevation" | "orientation" | "isLastItemInList">, never>>> & string;
+export declare const LinkListItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "bottomSpacing" | "elevation" | "orientation"> & Pick<LinkListItemProps, "bottomSpacing" | "elevation" | "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "bottomSpacing" | "elevation" | "orientation"> & Pick<LinkListItemProps, "bottomSpacing" | "elevation" | "orientation">, never>>> & string;
 export declare const LinkListItemElevatedStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Card').CardProps, never> & Partial<Pick<import('../Card').CardProps, never>>> & string & Omit<({ children, className, theme, tag, mobileDark, appearance, ...props }: import('../Card').CardProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const LinkListItemContentWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "orientation"> & Pick<LinkListItemProps, "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "orientation"> & Pick<LinkListItemProps, "orientation">, never>>> & string;
 export declare const LinkListItemContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "orientation"> & Pick<LinkListItemProps, "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "orientation"> & Pick<LinkListItemProps, "orientation">, never>>> & string;

package/dist/components/LinkListItem/validate.d.ts

@@ -79,6 +79,7 @@ export declare const linkListItemSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -633,7 +634,6 @@ export declare const linkListItemSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -681,6 +681,7 @@ export declare const linkListItemSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1235,7 +1236,6 @@ export declare const linkListItemSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1335,7 +1335,6 @@ export declare const linkListItemSchema: z.ZodObject<{
             error_location: z.ZodOptional<z.ZodString>;
         }, z.core.$loose>>;
     }, z.core.$loose>>;
-    isLastItemInList: z.ZodOptional<z.ZodBoolean>;
     elevation: z.ZodOptional<z.ZodBoolean>;
     href: z.ZodOptional<z.ZodString>;
 }, z.core.$loose>;