@vodafone_de/brix-components 7.0.6 → 7.0.8

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.
Files changed (64) hide show
  1. package/README.md +1 -0
  2. package/dist/{FontWeight-DEBGHbtO.js → FontWeight-CR22KTex.js} +2 -2
  3. package/dist/components/Accordion/index.js +1 -1
  4. package/dist/components/Badge/index.js +1 -1
  5. package/dist/components/Body/index.js +1 -1
  6. package/dist/components/Button/index.js +2 -2
  7. package/dist/components/ButtonAsLink/index.js +1 -1
  8. package/dist/components/ButtonGroup/index.js +1 -1
  9. package/dist/components/Carousel/components/CarouselContext.d.ts +3 -2
  10. package/dist/components/Carousel/index.js +41 -52
  11. package/dist/components/Carousel/utils/useScrollSpy.d.ts +2 -0
  12. package/dist/components/ConsentMessage/index.js +1 -1
  13. package/dist/components/ConsentMessage/styled.d.ts +1 -1
  14. package/dist/components/DemoBox/index.js +1 -1
  15. package/dist/components/Dialog/index.js +1 -1
  16. package/dist/components/Dialog/styled.d.ts +1 -1
  17. package/dist/components/DiscoveryCard/index.js +5 -5
  18. package/dist/components/DiscoveryCard/styled.d.ts +1 -1
  19. package/dist/components/DiscoveryCardGroup/index.js +1 -1
  20. package/dist/components/GoogleMap/styled.d.ts +1 -1
  21. package/dist/components/Heading/index.js +1 -1
  22. package/dist/components/IconButton/index.js +1 -1
  23. package/dist/components/IconSnippet/index.js +3 -4
  24. package/dist/components/IconSnippet/props.d.ts +2 -2
  25. package/dist/components/IconSnippet/styled.d.ts +1 -1
  26. package/dist/components/ImageHeader/index.js +4 -4
  27. package/dist/components/ImageHeader/styled.d.ts +4 -4
  28. package/dist/components/InlineLink/index.js +1 -1
  29. package/dist/components/Legend/index.js +1 -1
  30. package/dist/components/Link/index.js +1 -1
  31. package/dist/components/LinkAsButton/index.js +1 -1
  32. package/dist/components/LinkListItem/index.js +1 -1
  33. package/dist/components/Notification/index.js +1 -1
  34. package/dist/components/PickerGroup/index.js +2 -2
  35. package/dist/components/Price/index.js +1 -1
  36. package/dist/components/ProductCard/index.js +3 -3
  37. package/dist/components/RichText/index.js +1 -1
  38. package/dist/components/SearchInput/index.js +1 -1
  39. package/dist/components/SearchInput/styled.d.ts +1 -1
  40. package/dist/components/Stepper/index.js +2 -2
  41. package/dist/components/TabularPrice/index.js +1 -1
  42. package/dist/components/TextList/index.js +1 -1
  43. package/dist/components/Tray/index.js +1 -1
  44. package/dist/components/YoutubeVideo/index.js +2 -1
  45. package/dist/hooks/useViewport/index.js +22 -5
  46. package/dist/{index-BRs8j3Vq.js → index-BeSd-V81.js} +1 -1
  47. package/dist/{index-DrySIh-D.js → index-C5GzK6_0.js} +1 -1
  48. package/dist/{index-57IF0yrd.js → index-C7meHOM4.js} +2 -2
  49. package/dist/{index-CKvLGUdD.js → index-ZHkR70j3.js} +1 -1
  50. package/dist/{index-WLBo71sp.js → index-aUJfXBUI.js} +1 -1
  51. package/dist/index.d.ts +0 -4
  52. package/dist/index.js +119 -129
  53. package/dist/{styled-DLS1p_AJ.js → styled-BSqC5P9h.js} +1 -1
  54. package/package.json +1 -1
  55. package/dist/components/MediaText/index.d.ts +0 -5
  56. package/dist/components/MediaText/index.js +0 -121
  57. package/dist/components/MediaText/props.d.ts +0 -42
  58. package/dist/components/MediaText/styled.d.ts +0 -4
  59. package/dist/components/Rating/assets/StarSVG.d.ts +0 -3
  60. package/dist/components/Rating/index.d.ts +0 -6
  61. package/dist/components/Rating/index.js +0 -153
  62. package/dist/components/Rating/props.d.ts +0 -22
  63. package/dist/components/Rating/styled.d.ts +0 -6
  64. package/dist/index-Cs0Hw0dj.js +0 -25
@@ -2,15 +2,15 @@
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { it as iconSizeLg } from "../../index-Cbojl4_Q.js";
4
4
  import Image, { aspectRatio1_1 } from "../Image/index.js";
5
- import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
5
+ import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
6
6
  import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
7
7
  import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
8
- import { B as Badge } from "../../index-CKvLGUdD.js";
8
+ import { B as Badge } from "../../index-ZHkR70j3.js";
9
9
  import Body from "../Body/index.js";
10
10
  import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
11
11
  import Heading from "../Heading/index.js";
12
12
  import Link from "../Link/index.js";
13
- import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-WLBo71sp.js";
13
+ import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
14
14
  import styled from "styled-components";
15
15
  import { getSpacing } from "../../foundations/token/getSpacing/index.js";
16
16
  import Card from "../Card/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "react";
4
- import { R } from "../../index-BRs8j3Vq.js";
4
+ import { R } from "../../index-BeSd-V81.js";
5
5
  export {
6
6
  R as default
7
7
  };
@@ -5,7 +5,7 @@ import { forwardRef, useState, useRef, useImperativeHandle } from "react";
5
5
  import FormHelperLabel from "../FormHelperLabel/index.js";
6
6
  import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
7
7
  import { b as spacingNone, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
8
- import { p as primaryAppearance } from "../../styled-DLS1p_AJ.js";
8
+ import { p as primaryAppearance } from "../../styled-BSqC5P9h.js";
9
9
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
10
10
  import Form from "../Form/index.js";
11
11
  import styled from "styled-components";
@@ -10,4 +10,4 @@ export declare const CloseIconStyled: import('styled-components/dist/types').ISt
10
10
  value: string;
11
11
  }>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
12
12
  export declare const SearchInputCloseButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<SearchInputProps, "disabled">>> & string;
13
- export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "label" | "onReset" | "searchButtonLabel" | "onSearch">>> & string;
13
+ export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "onReset" | "label" | "searchButtonLabel" | "onSearch">>> & string;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { useState, useRef, useEffect } from "react";
4
- import { u as useViewport } from "../../index-Cs0Hw0dj.js";
4
+ import { useViewport } from "../../hooks/useViewport/index.js";
5
5
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
6
6
  import styled from "styled-components";
7
7
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -12,7 +12,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
12
12
  import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
13
13
  import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
14
14
  import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../BorderColor-BummoQ1-.js";
15
- import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
15
+ import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
16
16
  import { c as colorObjectBrand, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
17
17
  import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
18
18
  import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { T } from "../../index-WLBo71sp.js";
3
+ import { T } from "../../index-aUJfXBUI.js";
4
4
  import "../../index-DQhtQZ85.js";
5
5
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { a, T } from "../../index-BRs8j3Vq.js";
3
+ import { a, T } from "../../index-BeSd-V81.js";
4
4
  import "../../tags-DI6H1biK.js";
5
5
  import "../../Spacing-D0HQH9YJ.js";
6
6
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -4,7 +4,7 @@ import { useState, useRef, useEffect } from "react";
4
4
  import { createPortal } from "react-dom";
5
5
  import ButtonGroup from "../ButtonGroup/index.js";
6
6
  import Heading from "../Heading/index.js";
7
- import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
7
+ import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
8
8
  import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
9
9
  import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
10
10
  import styled from "styled-components";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
4
- import ConsentMessage from "../ConsentMessage/index.js";
5
4
  import styled from "styled-components";
6
5
  import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
7
6
  import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
8
7
  import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
9
8
  import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
9
+ import ConsentMessage from "../ConsentMessage/index.js";
10
10
  const YoutubeVideoStyled = styled.div.withConfig({
11
11
  displayName: "YoutubeVideoStyled",
12
12
  componentId: "sc-1q2uytw-0"
@@ -17,6 +17,7 @@ const YoutubeVideoStyled = styled.div.withConfig({
17
17
  position: "relative",
18
18
  width: "100%",
19
19
  paddingBottom: "56.25%",
20
+ /* 16:9 aspect ratio */
20
21
  height: 0,
21
22
  overflow: "hidden",
22
23
  ...roundedCorner && {
@@ -1,7 +1,24 @@
1
- import "react";
2
- import "../../index-Ck2bCrhT.js";
3
- import { u } from "../../index-Cs0Hw0dj.js";
4
- import "../useMediaQuery/index.js";
1
+ import { useState, useEffect } from "react";
2
+ import { l as largeMediaQuery, m as mediumMediaQuery } from "../../index-Ck2bCrhT.js";
3
+ import { useMediaQuery } from "../useMediaQuery/index.js";
4
+ const viewportSm = "sm";
5
+ const viewportMd = "md";
6
+ const viewportLg = "lg";
7
+ const useViewport = () => {
8
+ const tablet = useMediaQuery(mediumMediaQuery);
9
+ const desktop = useMediaQuery(largeMediaQuery);
10
+ const [viewportState, setViewportState] = useState(viewportSm);
11
+ useEffect(() => {
12
+ if (desktop) {
13
+ setViewportState(viewportLg);
14
+ } else if (tablet) {
15
+ setViewportState(viewportMd);
16
+ } else {
17
+ setViewportState(viewportSm);
18
+ }
19
+ }, [tablet, desktop]);
20
+ return viewportState;
21
+ };
5
22
  export {
6
- u as useViewport
23
+ useViewport
7
24
  };
@@ -13,7 +13,7 @@ import { getBodySize } from "./foundations/token/getBodySize/index.js";
13
13
  import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
14
14
  import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
15
15
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
16
- import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
16
+ import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
17
17
  import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
18
18
  import { f as filterProps } from "./filterProps-Cewck8OH.js";
19
19
  import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
3
- import { c as ButtonIconStyled } from "./styled-DLS1p_AJ.js";
3
+ import { c as ButtonIconStyled } from "./styled-BSqC5P9h.js";
4
4
  import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
5
5
  import styled from "styled-components";
6
6
  import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
3
- import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-DLS1p_AJ.js";
3
+ import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BSqC5P9h.js";
4
4
  import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
5
5
  import styled from "styled-components";
6
6
  import { getBodySize } from "./foundations/token/getBodySize/index.js";
@@ -9,7 +9,7 @@ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js"
9
9
  import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
10
10
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
11
11
  import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
12
- import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
12
+ import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
13
13
  import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
14
14
  import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
15
15
  import { f as filterProps } from "./filterProps-Cewck8OH.js";
@@ -12,7 +12,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
12
12
  import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
13
13
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
14
14
  import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
15
- import { f as fontWeightBold } from "./FontWeight-DEBGHbtO.js";
15
+ import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
16
16
  import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
17
17
  import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
18
18
  import { f as filterProps } from "./filterProps-Cewck8OH.js";
@@ -8,7 +8,7 @@ import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
8
8
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
9
9
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
10
10
  import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
11
- import { f as fontWeightBold, a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
11
+ import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
12
12
  import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
13
13
  import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
14
14
  import { f as filterProps } from "./filterProps-Cewck8OH.js";
package/dist/index.d.ts CHANGED
@@ -26,8 +26,6 @@ export * from './components/RichText';
26
26
  export { default as RichText } from './components/RichText';
27
27
  export * from './components/ResponsiveImage';
28
28
  export { default as ResponsiveImage } from './components/ResponsiveImage';
29
- export * from './components/Rating';
30
- export { default as Rating } from './components/Rating';
31
29
  export * from './components/RadioGroup';
32
30
  export { default as RadioGroup } from './components/RadioGroup';
33
31
  export * from './components/ProductCard';
@@ -40,8 +38,6 @@ export * from './components/Overlay';
40
38
  export { default as Overlay } from './components/Overlay';
41
39
  export * from './components/Notification';
42
40
  export { default as Notification } from './components/Notification';
43
- export * from './components/MediaText';
44
- export { default as MediaText } from './components/MediaText';
45
41
  export * from './components/LoadingSpinner';
46
42
  export { default as LoadingSpinner } from './components/LoadingSpinner';
47
43
  export * from './components/LinkListItem';
package/dist/index.js CHANGED
@@ -2,8 +2,8 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
2
2
  import { default as default3 } from "./components/Tray/index.js";
3
3
  import { default as default4 } from "./components/TimeInput/index.js";
4
4
  import { default as default5 } from "./components/Textarea/index.js";
5
- import { R, T, a } from "./index-BRs8j3Vq.js";
6
- import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-WLBo71sp.js";
5
+ import { R, T, a } from "./index-BeSd-V81.js";
6
+ import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-aUJfXBUI.js";
7
7
  import { default as default6 } from "./components/Switch/index.js";
8
8
  import { default as default7 } from "./components/SuggestInput/index.js";
9
9
  import { default as default8 } from "./components/Stepper/index.js";
@@ -11,67 +11,65 @@ import { default as default9 } from "./components/SelectInput/index.js";
11
11
  import { default as default10 } from "./components/SearchInput/index.js";
12
12
  import { S } from "./index-DQhtQZ85.js";
13
13
  import { default as default11 } from "./components/ResponsiveImage/index.js";
14
- import { HiddenRadioStyled, default as default12, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
15
- import { default as default13 } from "./components/RadioGroup/index.js";
16
- import { default as default14 } from "./components/ProductCard/index.js";
17
- import { default as default15 } from "./components/PickerGroup/index.js";
18
- import { default as default16, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
19
- import { default as default17, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
20
- import { default as default18, mediaTextOrientationLeft, mediaTextOrientationRight, mediaTextOrientationTop } from "./components/MediaText/index.js";
21
- import { default as default19 } from "./components/LoadingSpinner/index.js";
22
- import { default as default20, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
23
- import { default as default21, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
24
- import { L } from "./index-DrySIh-D.js";
25
- import { default as default22 } from "./components/Link/index.js";
26
- import { default as default23 } from "./components/Legend/index.js";
27
- import { default as default24 } from "./components/Label/index.js";
28
- import { default as default25 } from "./components/Input/index.js";
29
- import { default as default26 } from "./components/InlineLink/index.js";
30
- import { default as default27, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
31
- import { default as default28, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
32
- import { default as default29 } from "./components/IconSnippetList/index.js";
33
- import { default as default30, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
34
- import { default as default31, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
35
- import { default as default32, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
36
- import { default as default33 } from "./components/HifiIcon/index.js";
37
- import { default as default34, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
38
- import { default as default35 } from "./components/GridItem/index.js";
39
- import { default as default36 } from "./components/Grid/index.js";
40
- import { default as default37 } from "./components/GoogleMap/index.js";
41
- import { default as default38, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
42
- import { default as default39 } from "./components/FormHelperMessage/index.js";
43
- import { default as default40 } from "./components/FormHelperLabel/index.js";
44
- import { default as default41 } from "./components/FormElement/index.js";
45
- import { default as default42 } from "./components/Form/index.js";
46
- import { default as default43 } from "./components/FootnoteLink/index.js";
47
- import { default as default44 } from "./components/FootnoteContent/index.js";
48
- import { default as default45, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
49
- import { default as default46 } from "./components/Flex/index.js";
50
- import { default as default47 } from "./components/FilterGroup/index.js";
51
- import { default as default48 } from "./components/Fieldset/index.js";
52
- import { default as default49 } from "./components/Divider/index.js";
53
- import { default as default50 } from "./components/DiscoveryCardGroup/index.js";
54
- import { default as default51, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
55
- import { default as default52 } from "./components/Dialog/index.js";
56
- import { default as default53 } from "./components/DemoBox/index.js";
57
- import { default as default54 } from "./components/DateInput/index.js";
58
- import { default as default55, ContainerAppearanceColor } from "./components/Container/index.js";
59
- import { default as default56 } from "./components/ConsentMessage/index.js";
60
- import { default as default57 } from "./components/ColorSwatchGroup/index.js";
61
- import { default as default58, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
62
- import { default as default59 } from "./components/Collapsible/index.js";
63
- import { default as default60 } from "./components/CheckboxGroup/index.js";
64
- import { default as default61 } from "./components/Checkbox/index.js";
65
- import { default as default62 } from "./components/Carousel/index.js";
66
- import { default as default63 } from "./components/Card/index.js";
67
- import { default as default64 } from "./components/ButtonGroup/index.js";
68
- import { B } from "./index-57IF0yrd.js";
69
- import { default as default65, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
70
- import { default as default66 } from "./components/BottomBar/index.js";
71
- import { default as default67, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
72
- import { B as B2, a as a3 } from "./index-CKvLGUdD.js";
73
- import { default as default68 } from "./components/AccordionGroup/index.js";
74
- import { default as default69, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
14
+ import { default as default12 } from "./components/RadioGroup/index.js";
15
+ import { default as default13 } from "./components/ProductCard/index.js";
16
+ import { default as default14 } from "./components/PickerGroup/index.js";
17
+ import { default as default15, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
18
+ import { default as default16, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
19
+ import { default as default17 } from "./components/LoadingSpinner/index.js";
20
+ import { default as default18, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
21
+ import { default as default19, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
22
+ import { L } from "./index-C5GzK6_0.js";
23
+ import { default as default20 } from "./components/Link/index.js";
24
+ import { default as default21 } from "./components/Legend/index.js";
25
+ import { default as default22 } from "./components/Label/index.js";
26
+ import { default as default23 } from "./components/Input/index.js";
27
+ import { default as default24 } from "./components/InlineLink/index.js";
28
+ import { default as default25, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
29
+ import { default as default26, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
30
+ import { default as default27 } from "./components/IconSnippetList/index.js";
31
+ import { default as default28, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
32
+ import { default as default29, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
33
+ import { default as default30, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
34
+ import { default as default31 } from "./components/HifiIcon/index.js";
35
+ import { default as default32, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
36
+ import { default as default33 } from "./components/GridItem/index.js";
37
+ import { default as default34 } from "./components/Grid/index.js";
38
+ import { default as default35 } from "./components/GoogleMap/index.js";
39
+ import { default as default36, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
40
+ import { default as default37 } from "./components/FormHelperMessage/index.js";
41
+ import { default as default38 } from "./components/FormHelperLabel/index.js";
42
+ import { default as default39 } from "./components/FormElement/index.js";
43
+ import { default as default40 } from "./components/Form/index.js";
44
+ import { default as default41 } from "./components/FootnoteLink/index.js";
45
+ import { default as default42 } from "./components/FootnoteContent/index.js";
46
+ import { default as default43, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
47
+ import { default as default44 } from "./components/Flex/index.js";
48
+ import { default as default45 } from "./components/FilterGroup/index.js";
49
+ import { default as default46 } from "./components/Fieldset/index.js";
50
+ import { default as default47 } from "./components/Divider/index.js";
51
+ import { default as default48 } from "./components/DiscoveryCardGroup/index.js";
52
+ import { default as default49, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
53
+ import { default as default50 } from "./components/Dialog/index.js";
54
+ import { default as default51 } from "./components/DemoBox/index.js";
55
+ import { default as default52 } from "./components/DateInput/index.js";
56
+ import { default as default53, ContainerAppearanceColor } from "./components/Container/index.js";
57
+ import { default as default54 } from "./components/ConsentMessage/index.js";
58
+ import { default as default55 } from "./components/ColorSwatchGroup/index.js";
59
+ import { default as default56, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
60
+ import { default as default57 } from "./components/Collapsible/index.js";
61
+ import { default as default58 } from "./components/CheckboxGroup/index.js";
62
+ import { default as default59 } from "./components/Checkbox/index.js";
63
+ import { default as default60 } from "./components/Carousel/index.js";
64
+ import { default as default61 } from "./components/Card/index.js";
65
+ import { default as default62 } from "./components/ButtonGroup/index.js";
66
+ import { B } from "./index-C7meHOM4.js";
67
+ import { default as default63, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
68
+ import { default as default64 } from "./components/BottomBar/index.js";
69
+ import { default as default65, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
70
+ import { B as B2, a as a3 } from "./index-ZHkR70j3.js";
71
+ import { default as default66 } from "./components/AccordionGroup/index.js";
72
+ import { default as default67, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
75
73
  import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
76
74
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
77
75
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -92,7 +90,7 @@ import { l, m } from "./index-Ck2bCrhT.js";
92
90
  import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
93
91
  import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
94
92
  import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
95
- import { u } from "./index-Cs0Hw0dj.js";
93
+ import { useViewport } from "./hooks/useViewport/index.js";
96
94
  import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
97
95
  import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
98
96
  import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
@@ -102,80 +100,75 @@ import { a as a4, i as i2 } from "./props-DDpgcryb.js";
102
100
  import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
103
101
  import { C } from "./styled-CYugcGtx.js";
104
102
  export {
105
- default69 as Accordion,
106
- default68 as AccordionGroup,
103
+ default67 as Accordion,
104
+ default66 as AccordionGroup,
107
105
  B2 as Badge,
108
106
  a3 as BadgeAppearanceColor,
109
- default67 as Body,
110
- default66 as BottomBar,
111
- default65 as Button,
107
+ default65 as Body,
108
+ default64 as BottomBar,
109
+ default63 as Button,
112
110
  B as ButtonAsLink,
113
- default64 as ButtonGroup,
114
- default63 as Card,
111
+ default62 as ButtonGroup,
112
+ default61 as Card,
115
113
  C as CardAppearanceColor,
116
- default62 as Carousel,
117
- default61 as Checkbox,
118
- default60 as CheckboxGroup,
119
- default59 as Collapsible,
120
- default58 as ColorSwatch,
121
- default57 as ColorSwatchGroup,
122
- default56 as ConsentMessage,
123
- default55 as Container,
114
+ default60 as Carousel,
115
+ default59 as Checkbox,
116
+ default58 as CheckboxGroup,
117
+ default57 as Collapsible,
118
+ default56 as ColorSwatch,
119
+ default55 as ColorSwatchGroup,
120
+ default54 as ConsentMessage,
121
+ default53 as Container,
124
122
  ContainerAppearanceColor,
125
- default54 as DateInput,
126
- default53 as DemoBox,
127
- default52 as Dialog,
128
- default51 as DiscoveryCard,
129
- default50 as DiscoveryCardGroup,
130
- default49 as Divider,
131
- default48 as Fieldset,
132
- default47 as FilterGroup,
133
- default46 as Flex,
134
- default45 as FlexItem,
135
- default44 as FootnoteContent,
136
- default43 as FootnoteLink,
137
- default42 as Form,
138
- default41 as FormElement,
139
- default40 as FormHelperLabel,
140
- default39 as FormHelperMessage,
141
- default38 as FormHelperStatusIcon,
123
+ default52 as DateInput,
124
+ default51 as DemoBox,
125
+ default50 as Dialog,
126
+ default49 as DiscoveryCard,
127
+ default48 as DiscoveryCardGroup,
128
+ default47 as Divider,
129
+ default46 as Fieldset,
130
+ default45 as FilterGroup,
131
+ default44 as Flex,
132
+ default43 as FlexItem,
133
+ default42 as FootnoteContent,
134
+ default41 as FootnoteLink,
135
+ default40 as Form,
136
+ default39 as FormElement,
137
+ default38 as FormHelperLabel,
138
+ default37 as FormHelperMessage,
139
+ default36 as FormHelperStatusIcon,
142
140
  GlobalStyle,
143
- default37 as GoogleMap,
144
- default36 as Grid,
145
- default35 as GridItem,
146
- default34 as Heading,
147
- HiddenRadioStyled,
148
- default33 as HifiIcon,
149
- default32 as Icon,
150
- default31 as IconButton,
151
- default30 as IconSnippet,
152
- default29 as IconSnippetList,
153
- default28 as Image,
154
- default27 as ImageHeader,
155
- default26 as InlineLink,
156
- default25 as Input,
157
- default24 as Label,
158
- default23 as Legend,
159
- default22 as Link,
141
+ default35 as GoogleMap,
142
+ default34 as Grid,
143
+ default33 as GridItem,
144
+ default32 as Heading,
145
+ default31 as HifiIcon,
146
+ default30 as Icon,
147
+ default29 as IconButton,
148
+ default28 as IconSnippet,
149
+ default27 as IconSnippetList,
150
+ default26 as Image,
151
+ default25 as ImageHeader,
152
+ default24 as InlineLink,
153
+ default23 as Input,
154
+ default22 as Label,
155
+ default21 as Legend,
156
+ default20 as Link,
160
157
  L as LinkAsButton,
161
- default21 as LinkList,
162
- default20 as LinkListItem,
163
- default19 as LoadingSpinner,
164
- default18 as MediaText,
165
- default17 as Notification,
166
- default16 as Overlay,
167
- default15 as PickerGroup,
158
+ default19 as LinkList,
159
+ default18 as LinkListItem,
160
+ default17 as LoadingSpinner,
161
+ default16 as Notification,
162
+ default15 as Overlay,
163
+ default14 as PickerGroup,
168
164
  P as Price,
169
- default14 as ProductCard,
170
- default13 as RadioGroup,
171
- default12 as Rating,
165
+ default13 as ProductCard,
166
+ default12 as RadioGroup,
172
167
  default11 as ResponsiveImage,
173
168
  R as RichText,
174
169
  S as ScreenreaderOnly,
175
170
  default10 as SearchInput,
176
171
  default9 as SelectInput,
177
- StarLabelStyled,
178
- StarsWrapperStyled,
179
172
  default8 as Stepper,
180
173
  default7 as SuggestInput,
181
174
  default6 as Switch,
@@ -268,9 +261,6 @@ export {
268
261
  linkListItemVariantVertical,
269
262
  linkListVariantColumn,
270
263
  linkListVariantRow,
271
- mediaTextOrientationLeft,
272
- mediaTextOrientationRight,
273
- mediaTextOrientationTop,
274
264
  m as mediumMediaQuery,
275
265
  noReducedMotion,
276
266
  notificationStatusError,
@@ -303,5 +293,5 @@ export {
303
293
  useMediaQuery,
304
294
  useReducedMotion,
305
295
  useThirdPartyConsent,
306
- u as useViewport
296
+ useViewport
307
297
  };
@@ -19,7 +19,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
19
19
  import { getOpacity } from "./foundations/token/getOpacity/index.js";
20
20
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
21
21
  import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
22
- import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
22
+ import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
23
23
  import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
24
24
  import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
25
25
  import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vodafone_de/brix-components",
3
3
  "description": "Brix is the digital design system for vodafone.de",
4
- "version": "7.0.6",
4
+ "version": "7.0.8",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { MediaTextProps } from './props';
3
- declare const MediaText: FC<MediaTextProps>;
4
- export default MediaText;
5
- export * from './props';