@vodafone_de/brix-components 3.0.1 → 3.0.3

package/dist/index-C0N671c1.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { df as IconLoader, ix as iconSizeXs, iv as iconSizeSm } from "./index-Cbojl4_Q.js";
+import { a as spacingXs, e as spacing2Xs, c as spacingSm, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
+import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
+import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
+import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { g as getForegroundColor } from "./colorUtils-uLZF5UIN.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { e as colorObjectSuccess, f as colorObjectNeutral, g as colorObjectAccent, c as colorObjectBrand } from "./ObjectColor-BZDBuV8H.js";
+const BadgeAppearanceColor = {
+  primary: colorObjectBrand,
+  secondary: colorObjectAccent,
+  tertiary: colorObjectNeutral,
+  success: colorObjectSuccess
+};
+const BadgeStyled = styled.span.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "BadgeStyled",
+  componentId: "sc-zs45ak-0"
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  maxWidth: "100%",
+  width: "max-content",
+  gap: getSpacing(spacingXs),
+  borderRadius: getBorderRadius(borderRadiusFull),
+  fontWeight: getFontWeight(fontWeightBold),
+  overflow: "hidden"
+}, ({
+  size = mediumSize
+}) => {
+  if (smallSize === size) {
+    return {
+      padding: `${getSpacing(spacing2Xs)} ${getSpacing(spacingSm)}`,
+      ...getBodySize(textBodySm)
+    };
+  }
+  return {
+    ...getBodySize(textBodyMd),
+    padding: `${getSpacing(spacing2Xs)} ${getSpacing(spacingMd)}`
+  };
+}, ({
+  appearance = "primary"
+}) => {
+  const backgroundColor = getObjectColor(BadgeAppearanceColor[appearance]);
+  const foregroundColor = getForegroundColor(BadgeAppearanceColor[appearance]);
+  return {
+    ...forcedColors({
+      background: "CanvasText",
+      color: "Canvas"
+    }),
+    background: backgroundColor,
+    color: foregroundColor
+  };
+}, getBottomSpacing);
+const Badge = ({
+  children,
+  bottomSpacing = spacingMd,
+  ...props
+}) => /* @__PURE__ */ jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
+  props.icon ? /* @__PURE__ */ jsx(IconLoader, { name: props.icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
+  renderInlineRichTextFromOpenText(children)
+] });
+export {
+  Badge as B,
+  BadgeStyled as a,
+  BadgeAppearanceColor as b
+};