@vodafone_de/brix-components 16.0.2 → 16.0.4

package/dist/components/Checkbox/index.js

@@ -9,6 +9,7 @@ import styled from "styled-components";
 import Label from "../Label/index.js";
 import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "../../foundations/token/getBodySize/index.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";
@@ -16,14 +17,13 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
-import { g as getSpacing, c as capitalize } from "../../index-l-i-mIeP.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
 import { a as borderRadiusSm } from "../../BorderRadius-Co-IV3fn.js";
 import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
 import { a as filterProps } from "../../filterProps-DrppH98G.js";
-import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const CheckboxLabelStyled = styled(Label).withConfig({
   shouldForwardProp: filterProps(),
   displayName: "CheckboxLabelStyled",
@@ -72,8 +72,8 @@ const CheckboxStyled = styled.span.withConfig({
   componentId: "sc-1lo7iho-3"
 })({
   position: "relative",
-  width: "20px",
-  height: "20px",
+  width: `calc(${getBodySize("md").fontSize} * ${getBodySize("md").lineHeight})`,
+  height: `calc(${getBodySize("md").fontSize} * ${getBodySize("md").lineHeight})`,
   cursor: "pointer",
   borderRadius: getBorderRadius(borderRadiusSm),
   "&:has(:focus-visible)": {
@@ -91,9 +91,9 @@ const CheckboxSVGStyled = styled.svg.withConfig({
   displayName: "CheckboxSVGStyled",
   componentId: "sc-1lo7iho-4"
 })({
-  width: getCssVar(`iconSize${capitalize(iconSizeSm)}`),
-  height: getCssVar(`iconSize${capitalize(iconSizeSm)}`),
-  fill: "none"
+  fill: "none",
+  width: "inherit",
+  height: "inherit"
 });
 const CheckboxUncheckedSVGStyled = styled.path.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/ImageHeader/index.js

@@ -186,8 +186,8 @@ const ImageHeaderHeadingStyled = styled(Heading).withConfig({
     textAlign: "left"
   })
 });
-const ImageHeaderSublineStyled = styled.div.withConfig({
-  displayName: "ImageHeaderSublineStyled",
+const ImageHeaderSublineWrapperStyled = styled.div.withConfig({
+  displayName: "ImageHeaderSublineWrapperStyled",
   componentId: "sc-7ig3h-6"
 })({
   textAlign: "center",
@@ -273,7 +273,7 @@ const ImageHeader = ({
     /* @__PURE__ */ jsxs(ImageHeaderContentStyled, { variant, contentPosition, contentColumns, lg: contentColumns, className: themeDark === theme ? ` ${themeDark}` : "", children: [
       badge && /* @__PURE__ */ jsx(ImageHeaderBadgeStyled, { ...badge, size: mediumSize, bottomSpacing: spacingNone }),
       /* @__PURE__ */ jsx(ImageHeaderHeadingStyled, { ...heading, id: headingId, align: headingAlignCenter, weight: fontWeightLight, bottomSpacing: spacingNone }),
-      /* @__PURE__ */ jsx(ImageHeaderSublineStyled, { children: getSubline(subline) }),
+      subline && /* @__PURE__ */ jsx(ImageHeaderSublineWrapperStyled, { children: getSubline(subline) }),
       price && /* @__PURE__ */ jsx(Price, { ...price, size: priceSizeSm, bottomSpacing: spacingNone }),
       getAction(action)
     ] })

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

@@ -7,6 +7,6 @@ export declare const ImageHeaderArtDirectedImageStyled: import('styled-component
 export declare const ImageHeaderContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../GridItem').GridItemProps, "contentColumns" | "contentPosition" | "variant"> & Pick<ImageHeaderProps, "contentColumns" | "contentPosition" | "variant">, never> & Partial<Pick<import('styled-components').FastOmit<import('../GridItem').GridItemProps, "contentColumns" | "contentPosition" | "variant"> & Pick<ImageHeaderProps, "contentColumns" | "contentPosition" | "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 ImageHeaderBadgeStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Badge').BadgeProps, never> & Partial<Pick<import('../Badge').BadgeProps, never>>> & string & Omit<({ children, icon, footnoteLink, bottomSpacing, ...props }: import('../Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const ImageHeaderHeadingStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Heading').HeadingProps, never> & Partial<Pick<import('../Heading').HeadingProps, never>>> & string & Omit<({ footnoteLink, bottomSpacing, ...props }: import('../Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
-export declare const ImageHeaderSublineStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ImageHeaderSublineWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const ImageHeaderSublineHeadingStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Heading').HeadingProps, never> & Partial<Pick<import('../Heading').HeadingProps, never>>> & string & Omit<({ footnoteLink, bottomSpacing, ...props }: import('../Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const ImageHeaderButtonGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../ButtonGroup').ButtonGroupProps, never> & Partial<Pick<import('../ButtonGroup').ButtonGroupProps, never>>> & string & Omit<({ reversed, buttons, orientation, justify, bottomSpacing, ...props }: import('../ButtonGroup').ButtonGroupProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "16.0.2",
+  "version": "16.0.4",
   "exports": {
     "./package.json": "./package.json",
     ".": {