@vodafone_de/brix-components 3.1.0 → 3.1.2

package/dist/components/GoogleMap/index.js

@@ -1,196 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useMap, APIProvider, Map } from "@vis.gl/react-google-maps";
-import { useState, useEffect } from "react";
-import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
-import Body, { bodyAlignCenter } from "../Body/index.js";
-import Button, { buttonAutoWidth } from "../Button/index.js";
-import styled from "styled-components";
-import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-CuLmB_mg.js";
-import { v as viewport } from "../../index-Ck2bCrhT.js";
-import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
-import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as colorBackgroundOverlay } from "../../BackgroundColor-JObp_2xA.js";
-import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.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 { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
-import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { c as borderWidthSm } from "../../BorderWidth-DfOlyKK7.js";
-import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
-const mapBG = "R0lGODlhjABPANUAAJfU/sHeosfhrOj1/tXezKvYyqXX+9Xu/7XasbDd/cno/bvj/vP47M7ltNDe6Nrg1e/25s3eu/f7897uzdbpweDl29LnuvL6/tTr5+by2rra7qTX4cvlxczn1eHx5Onv4+ry4b/i4tTpy+/z6uPo7evr7PHx8eXl5uHh4uPj5O3t7unp6v39/fn5+fv7++r04OLw0/v9+drryPX38/j8/97w/PP18fn79/Pz8/X19efn6Pf39+/v8L3cm////9/f4CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDlBQzk4M0VEMjIxMUVGOUMyN0NBQUIzREFFNTdENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDlBQzk4NEVEMjIxMUVGOUMyN0NBQUIzREFFNTdENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNEOUFDOTgxRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4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";
-const ConsentMessageBackgroundStyled = styled.div.withConfig({
-  displayName: "ConsentMessageBackgroundStyled",
-  componentId: "sc-la2plq-0"
-})({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  overflow: "hidden"
-});
-const ConsentMessageBackgroundMapStyled = styled.div.withConfig({
-  displayName: "ConsentMessageBackgroundMapStyled",
-  componentId: "sc-la2plq-1"
-})({
-  position: "absolute",
-  top: "-10%",
-  left: "-10%",
-  right: "-10%",
-  bottom: "-10%",
-  backgroundImage: `url("data:image/gif;base64, ${mapBG} ")`,
-  backgroundPosition: "center",
-  backgroundSize: "cover",
-  backgroundColor: getBackgroundColor(colorBackgroundOverlay),
-  backgroundBlendMode: "overlay",
-  filter: "blur(8px)"
-});
-const ConsentMessageStyled = styled.div.withConfig({
-  displayName: "ConsentMessageStyled",
-  componentId: "sc-la2plq-2"
-})({
-  position: "absolute",
-  top: "50%",
-  transform: "translate(0, -50%)",
-  left: getSpacing(spacingMd),
-  right: getSpacing(spacingMd),
-  ...viewport.md({
-    /* no token for this maxWidth, but invented by Daniel */
-    maxWidth: "600px",
-    left: "50%",
-    right: "unset",
-    transform: "translate(-50%, -50%)"
-  })
-}, () => {
-  const css = {};
-  const buttonSelector = `& ${ButtonStyled.toString()}`;
-  css[buttonSelector] = {
-    marginLeft: "auto",
-    marginRight: "auto"
-  };
-  return css;
-});
-const ConsentMessage = ({
-  heading,
-  body,
-  button
-}) => {
-  const [render, setRender] = useState(false);
-  useEffect(() => {
-    setRender(true);
-  }, []);
-  if (!render) {
-    return null;
-  }
-  const openConsentBanner = () => {
-    try {
-      window.adv_lib.consent.showBanner();
-    } catch (e) {
-      console.log("Could not open consentBanner");
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ConsentMessageBackgroundStyled, { children: /* @__PURE__ */ jsx(ConsentMessageBackgroundMapStyled, {}) }),
-    /* @__PURE__ */ jsxs(ConsentMessageStyled, { children: [
-      /* @__PURE__ */ jsx(Heading, { size: textHeadingXs, bottomSpacing: spacingXs, align: headingAlignCenter, children: heading }),
-      /* @__PURE__ */ jsx(Body, { bottomSpacing: spacingMd, align: bodyAlignCenter, children: body }),
-      /* @__PURE__ */ jsx(Button, { appearance: tertiaryAppearance, width: buttonAutoWidth, onClick: openConsentBanner, bottomSpacing: spacingNone, children: button })
-    ] })
-  ] });
-};
-const MapInner = ({
-  setMap,
-  children
-}) => {
-  const mapIdentifier = void 0 !== children.props.id ? children.props.id : void 0;
-  const map = useMap(mapIdentifier);
-  useEffect(() => {
-    if (!map) {
-      return;
-    }
-    setMap(map);
-  }, [map, setMap]);
-  return children;
-};
-const MapProvider = ({
-  apiKey,
-  children,
-  setMap
-}) => {
-  return /* @__PURE__ */ jsx(APIProvider, { apiKey, children: /* @__PURE__ */ jsx(MapInner, { setMap, children }) });
-};
-const GoogleMapStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "GoogleMapStyled",
-  componentId: "sc-jtxldi-0"
-})({
-  position: "relative",
-  borderWidth: getBorderWidth(borderWidthSm),
-  borderColor: getBorderColor(colorBorderSubtle),
-  borderStyle: "solid"
-}, ({
-  viewportHeight
-}) => {
-  let height = {
-    height: `${viewportHeight.sm}px`
-  };
-  if (viewportHeight.md) {
-    height = {
-      ...height,
-      ...viewport.md({
-        height: `${viewportHeight.md}px`
-      })
-    };
-  }
-  if (viewportHeight.lg) {
-    height = {
-      ...height,
-      ...viewport.lg({
-        height: `${viewportHeight.lg}px`
-      })
-    };
-  }
-  return height;
-}, ({
-  corners = cornerStraight
-}) => ({
-  borderRadius: corners === "rounded" ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone),
-  "& > div > div": {
-    borderRadius: corners === "rounded" ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone)
-  }
-}), getBottomSpacing);
-const defaultBasicMap = /* @__PURE__ */ jsx(Map, { defaultZoom: 18, defaultCenter: {
-  lat: 51.235587,
-  lng: 6.731483
-}, disableDefaultUI: true, gestureHandling: "greedy" });
-const GoogleMap = ({
-  children,
-  apiKey,
-  bottomSpacing = spacingMd,
-  onMapReady,
-  consentMessage,
-  ...props
-}) => {
-  const consent = useThirdPartyConsent();
-  const [map, setMap] = useState(null);
-  children = children || defaultBasicMap;
-  useEffect(() => {
-    if (!map) {
-      return;
-    }
-    if (!onMapReady) {
-      return;
-    }
-    onMapReady(map);
-  }, [map, onMapReady]);
-  return /* @__PURE__ */ jsx(GoogleMapStyled, { ...props, bottomSpacing, children: !consent ? /* @__PURE__ */ jsx(ConsentMessage, { ...consentMessage }) : /* @__PURE__ */ jsx(MapProvider, { apiKey, setMap, children }) });
-};
-export {
-  GoogleMap as default
-};

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

@@ -1,45 +0,0 @@
-import { Map } from '@vis.gl/react-google-maps';
-import { HTMLAttributes, ReactElement } from 'react';
-import { ConsentMessageProps } from './components/ConsentMessage/props';
-import { PatternProps } from '../../foundations/PatternProps';
-import { CornerStyle } from '../../foundations/types/CornerStyle';
-/**
- * type ViewportSpecificHeight defines an object that can contain different height
- * per every viewport (sm, md and lg)
- *
- * If a smaller is not overridden by a value for a larger viewport, then it applies also to all larger viewports.
- */
-export type ViewportHeight = {
-    sm: number;
-    md?: number;
-    lg?: number;
-};
-export interface GoogleMapProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
-    /**
-     * Pin component's name from string to the concrete name
-     */
-    component?: 'GoogleMap';
-    /**
-     * @TODO it is not clear where to get an API Key from
-     * https://developers.google.com/maps/documentation/javascript/get-api-key
-     */
-    apiKey: string;
-    viewportHeight: ViewportHeight;
-    /**
-     * Corner variations
-     */
-    corners?: CornerStyle;
-    /**
-     * The only valid child is a Map from react-google-maps
-     * https://visgl.github.io/react-google-maps/docs/api-reference/components/map
-     */
-    children: ReactElement<typeof Map>;
-    /**
-     * consentMessage
-     */
-    consentMessage: ConsentMessageProps;
-    /**
-     * an optional function that retrieves a map instance as soon as it is ready
-     */
-    onMapReady?: (map: google.maps.Map) => void;
-}

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

@@ -1,2 +0,0 @@
-import { GoogleMapProps } from './props';
-export declare const GoogleMapStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<GoogleMapProps, "apiKey" | "consentMessage">>> & string;

package/dist/components/Grid/getColumnWidth.d.ts

@@ -1,3 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { GridItemProps } from '../GridItem/props';
-export declare const getColumnWidth: ({ sm, md, lg, spacing }: GridItemProps) => CSSObject;

package/dist/components/Grid/getOffset.d.ts

@@ -1,3 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { GridConfig, GridSpacing } from './props';
-export declare const getOffset: ({ sm, md, lg }: GridConfig, spacing: GridSpacing) => CSSObject;

package/dist/components/Grid/helpers.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-import { GridProps, GridSpacing, GridTag } from './props';
-import { GridItemProps } from '../GridItem/props';
-export declare const autoLayout: (props: GridProps) => ReactElement<GridItemProps, string | import('react').JSXElementConstructor<any>> | ReactElement<unknown, string | import('react').JSXElementConstructor<any>>[] | undefined;
-export declare const inheritTagandSpacingToGridItems: (gridItems: ReactElement<GridItemProps> | ReactElement<GridItemProps>[], tag: GridTag, spacing?: GridSpacing) => ReactElement<GridItemProps, string | import('react').JSXElementConstructor<any>>[];

package/dist/components/Grid/index.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { GridProps } from './props';
-declare const Grid: FC<GridProps>;
-export default Grid;
-export * from './props';

package/dist/components/Grid/index.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { l as liTagName, d as divTagName } from "../../tags-DI6H1biK.js";
-import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { Children, cloneElement } from "react";
-import { G as GridStyled } from "../../styled-ZpQohvyx.js";
-const autoLayout = (props) => {
-  if (!props.autoLayout) {
-    return props.children;
-  }
-  if (props.children && Array.isArray(props.children)) {
-    return props.children.map((child) => {
-      return cloneElement(child, {
-        ...props.autoLayout
-      });
-    });
-  }
-  if (props.children && !Array.isArray(props.children)) {
-    return cloneElement(props.children, {
-      ...props.autoLayout
-    });
-  }
-};
-const inheritTagandSpacingToGridItems = (gridItems, tag, spacing) => {
-  return Children.map(gridItems, (gridItem) => cloneElement(gridItem, {
-    tag: tag !== divTagName ? liTagName : divTagName,
-    spacing
-  }));
-};
-const Grid = ({
-  tag = divTagName,
-  spacing = spacingMd,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(GridStyled, { ...props, as: tag, spacing, children: inheritTagandSpacingToGridItems(autoLayout(props), tag, spacing) });
-};
-export {
-  Grid as default
-};

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

@@ -1,48 +0,0 @@
-import { HTMLAttributes, ReactElement } from 'react';
-import { PatternProps } from '../../foundations/PatternProps';
-import { divTagName, olTagName, ulTagName } from '../../foundations/tags';
-import { Spacing } from '../../foundations/token/types/Spacing';
-import { ViewportName } from '../../foundations/token/types/Viewport';
-import { GridItemProps } from '../GridItem/props';
-export type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export type GridTag = typeof divTagName | typeof ulTagName | typeof olTagName;
-export type GridSpacing = Extract<Spacing, 'None' | 'Md'>;
-/**
- * type GridConfig defines an object that can contain colspans
- * per every viewport (sm, md and large)
- *
- * If a smaller is not overridden by a value for a larger viewport, then it applies also to all larger viewports.
- */
-export type GridConfig = {
-    [key in ViewportName]?: GridColSpan;
-};
-/**
- * @TODO implement size. That's not yet implemented in brix/components-ws10
- */
-export interface GridProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
-    children?: ReactElement<GridItemProps> | Array<ReactElement<GridItemProps>>;
-    /**
-     * Affects the alignment of the last, not completely filled row of GridItems.
-     */
-    align?: 'left' | 'center' | 'right';
-    /**
-     * Defines whether all GridItems and their content have the same height or keep their original height
-     */
-    stretch?: boolean;
-    /**
-     * Autolayout is a convenient feature that makes it easier to divide many GridItems evenly
-     */
-    autoLayout?: GridConfig;
-    /**
-     * define which tag should be used to render grid
-     */
-    tag?: GridTag;
-    /**
-     * Space between rows and columns, accept only None or Md
-     */
-    spacing?: GridSpacing;
-    /**
-     * Pin component's name from string to the concrete name
-     */
-    component?: 'Grid';
-}

package/dist/components/Grid/stories/alignGridCenterArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const alignGridCenterArgs: GridProps;

package/dist/components/Grid/stories/alignGridItemArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const alignGridItemArgs: GridProps;

package/dist/components/Grid/stories/alignGridRightArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const alignGridRightArgs: GridProps;

package/dist/components/Grid/stories/grid12Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid12Args: GridProps;

package/dist/components/Grid/stories/grid222222Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid222222Args: GridProps;

package/dist/components/Grid/stories/grid3333Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid3333Args: GridProps;

package/dist/components/Grid/stories/grid363Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid363Args: GridProps;

package/dist/components/Grid/stories/grid444Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid444Args: GridProps;

package/dist/components/Grid/stories/grid64Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid64Args: GridProps;

package/dist/components/Grid/stories/grid66Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid66Args: GridProps;

package/dist/components/Grid/stories/grid75Args.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const grid75Args: GridProps;

package/dist/components/Grid/stories/nestingArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const nestingArgs: GridProps;

package/dist/components/Grid/stories/noSpacingArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const noSpacingArgs: GridProps;

package/dist/components/Grid/stories/offsetArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const offsetArgs: GridProps;

package/dist/components/Grid/stories/responsiveArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const responsiveArgs: GridProps;

package/dist/components/Grid/stories/stretchArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const stretchArgs: GridProps;

package/dist/components/Grid/stories/tagOrderedListArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const tagOrderedListArgs: GridProps;

package/dist/components/Grid/stories/tagUnorderedListArgs.d.ts

@@ -1,2 +0,0 @@
-import { GridProps } from '../props';
-export declare const tagUnorderedListArgs: GridProps;

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

@@ -1,2 +0,0 @@
-import { GridProps } from './props';
-export declare const GridStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridProps>> & string;

package/dist/components/GridItem/index.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { GridItemProps } from './props';
-declare const GridItem: FC<GridItemProps>;
-export default GridItem;
-export * from './props';

package/dist/components/GridItem/index.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { d as divTagName } from "../../tags-DI6H1biK.js";
-import { G as GridItemStyled } from "../../styled-ChvU5bUu.js";
-const GridItem = ({
-  sm = 12,
-  tag = divTagName,
-  ...props
-}) => /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: tag, sm, children: props.children });
-export {
-  GridItem as default
-};

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

@@ -1,25 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { GridConfig, GridProps } from '../Grid/props';
-import { PatternProps } from '../../foundations/PatternProps';
-import { divTagName, liTagName } from '../../foundations/tags';
-export type GridItemTag = typeof divTagName | typeof liTagName;
-export type GridItemAlign = 'left' | 'center' | 'right';
-export interface GridItemProps extends GridConfig, Omit<PatternProps, 'bottomSpacing'>, Pick<GridProps, 'spacing'>, HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    /**
-     * Offset props push an item to the right side of the grid.
-     */
-    offset?: GridConfig;
-    /**
-     * align the content within a GridItem
-     */
-    align?: GridItemAlign;
-    /**
-     * Pin component's name from string to the concrete name
-     */
-    component?: 'GridItem';
-    /**
-     * Define which html tag is used for Griditem
-     */
-    tag?: GridItemTag;
-}

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

@@ -1,3 +0,0 @@
-import { GridItemProps } from './props';
-export declare const gutter = "16px";
-export declare const GridItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridItemProps>> & string;

package/dist/components/Heading/index.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { HeadingProps } from './props';
-declare const Heading: FC<HeadingProps>;
-export default Heading;
-export * from './props';

package/dist/components/Heading/index.js

@@ -1,94 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import FootnoteLink from "../FootnoteLink/index.js";
-import { a as spacingXs, c as spacingSm, s as spacingMd, f as spacingLg, d as spacingXl } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import styled from "styled-components";
-import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../tags-DI6H1biK.js";
-import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
-import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
-import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { f as fontWeightBold, a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
-import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
-const headingAlignLeft = "left";
-const headingAlignCenter = "center";
-const mapHeadingSizeToFontWeight = {
-  xl: fontWeightLight,
-  lg: fontWeightLight,
-  md: fontWeightLight,
-  sm: fontWeightBold,
-  xs: fontWeightBold
-};
-const mapSizeToTag = {
-  xl: h1TagName,
-  lg: h2TagName,
-  md: h3TagName,
-  sm: h4TagName,
-  xs: h5TagName
-};
-const mapSizeToBottomSpacing = {
-  xl: spacingXl,
-  lg: spacingLg,
-  md: spacingMd,
-  sm: spacingSm,
-  xs: spacingXs
-};
-const attributes = (props) => {
-  const attrs = {};
-  attrs.as = props.tag ? props.tag : mapSizeToTag[props.size];
-  if (attrs.as && false === headingHtmlTags.includes(attrs.as)) {
-    attrs.role = "heading";
-    if (!props["aria-level"]) {
-      const level = parseInt(mapSizeToTag[props.size].replace("h", ""));
-      attrs["aria-level"] = level;
-    }
-  }
-  return attrs;
-};
-const HeadingStyled = styled.h1.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "HeadingStyled",
-  componentId: "sc-qb1b6s-0"
-}).attrs(attributes)({
-  color: getTextColor(colorTextNeutral),
-  "&:focus-visible": {
-    outline: "none"
-  }
-}, ({
-  size
-}) => getHeadingSize(size), ({
-  weight,
-  size
-}) => ({
-  fontWeight: getFontWeight(weight ? weight : mapHeadingSizeToFontWeight[size])
-}), ({
-  align = headingAlignLeft
-}) => ({
-  textAlign: align
-}), ({
-  bottomSpacing,
-  size
-}) => {
-  if (bottomSpacing) {
-    return getBottomSpacing({
-      bottomSpacing
-    });
-  }
-  return getBottomSpacing({
-    bottomSpacing: mapSizeToBottomSpacing[size]
-  });
-});
-const Heading = ({
-  bottomSpacing = spacingMd,
-  ...props
-}) => /* @__PURE__ */ jsxs(HeadingStyled, { ...props, bottomSpacing, children: [
-  renderInlineRichTextFromOpenText(props.children),
-  props.footnote && /* @__PURE__ */ jsx(FootnoteLink, { ...props.footnote })
-] });
-export {
-  Heading as default,
-  headingAlignCenter,
-  headingAlignLeft
-};

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

@@ -1,46 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { FootnoteLinkProps } from '../FootnoteLink/props';
-import { PatternProps } from '../../foundations/PatternProps';
-import { HeadingHtmlTag, divTagName, pTagName, spanTagName } from '../../foundations/tags';
-import { FontWeight } from '../../foundations/token/types/FontWeight';
-import { TextHeadingSize } from '../../foundations/token/types/HeadingSize';
-import { Theme } from '../../foundations/types/Theme';
-export type HeadingTag = HeadingHtmlTag | typeof divTagName | typeof spanTagName | typeof pTagName;
-export declare const headingAlignLeft = "left";
-export declare const headingAlignCenter = "center";
-type HeadingAlign = typeof headingAlignLeft | typeof headingAlignCenter;
-export interface HeadingProps extends PatternProps, HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * heading tshirt size between xs and xs
-     */
-    size: TextHeadingSize;
-    /**
-     * By default a html-element is used according to level. e.g. `<h1>` is used for `size=textHeadingXl`
-     * that behavior can be overwritten by setting a different value for `as`
-     */
-    tag?: HeadingTag;
-    /**
-     * font weight can be light, regular or bold.
-     * If it is left empty, then one default is used per headline level
-     */
-    weight?: FontWeight;
-    /**
-     * Align left or center
-     */
-    align?: HeadingAlign;
-    /**
-     * Can be used on darker backgrounds by setting to 'dark'
-     */
-    theme?: Theme;
-    /**
-     * Content of heading
-     */
-    children: ReactNode;
-    /**
-     * add a footnote into the headline
-     */
-    footnote?: FootnoteLinkProps;
-    /** Pin component's name from string to the concrete name */
-    component?: 'Heading';
-}
-export {};