@vodafone_de/brix-components 17.1.2 → 18.0.0

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 (224) hide show
  1. package/dist/{BorderRadius-Co-IV3fn.js → BorderRadius-0jhn76gB.js} +2 -2
  2. package/dist/{BorderWidth-OZWeXaq_.js → BorderWidth-CwrNKc0Q.js} +2 -2
  3. package/dist/ButtonAppearanceHelper-3qIbHGWJ.js +102 -0
  4. package/dist/CornerStyle-n77nckhh.js +7 -0
  5. package/dist/{colorUtils-CfSj2Iqa.js → colorUtils-c9PiZEci.js} +1 -1
  6. package/dist/components/Accordion/index.js +8 -4
  7. package/dist/components/Accordion/validate.d.ts +2 -2
  8. package/dist/components/AccordionGroup/validate.d.ts +2 -2
  9. package/dist/components/ArtDirectedImage/index.js +3 -3
  10. package/dist/components/ArtDirectedImage/validate.d.ts +0 -9
  11. package/dist/components/Badge/index.js +1 -1
  12. package/dist/components/Badge/validate.d.ts +1 -1
  13. package/dist/components/BottomBar/index.js +5 -5
  14. package/dist/components/Button/ButtonAppearanceHelper.test.d.ts +1 -0
  15. package/dist/components/Button/index.js +2 -2
  16. package/dist/components/Button/validate.d.ts +1 -1
  17. package/dist/components/ButtonAsLink/index.js +1 -1
  18. package/dist/components/ButtonGroup/validate.d.ts +1 -1
  19. package/dist/components/Calendar/components/Footer/helpers/getFooterText.test.d.ts +1 -0
  20. package/dist/components/Calendar/index.js +66 -62
  21. package/dist/components/Callout/index.js +1 -1
  22. package/dist/components/Card/index.js +1 -1
  23. package/dist/components/Carousel/index.js +1 -1
  24. package/dist/components/Checkbox/index.js +2 -2
  25. package/dist/components/Collapsible/index.js +1 -1
  26. package/dist/components/ColorSwatch/index.js +2 -2
  27. package/dist/components/ConsentMessage/index.js +1 -1
  28. package/dist/components/Container/index.js +1 -1
  29. package/dist/components/DateInput/index.js +2 -2
  30. package/dist/components/Dialog/index.js +8 -3
  31. package/dist/components/Dialog/validate.d.ts +1 -1
  32. package/dist/components/DiscoveryCard/index.js +5 -5
  33. package/dist/components/DiscoveryCard/validate.d.ts +3 -12
  34. package/dist/components/DiscoveryCardGroup/index.js +2 -2
  35. package/dist/components/DiscoveryCardGroup/validate.d.ts +9 -36
  36. package/dist/components/EnergySnippet/validate.d.ts +1 -1
  37. package/dist/components/FeatureCardGroup/components/FeatureCard/index.js +9 -8
  38. package/dist/components/FeatureCardGroup/components/FeatureCard/validate.d.ts +2 -11
  39. package/dist/components/FeatureCardGroup/index.js +1 -1
  40. package/dist/components/FeatureCardGroup/validate.d.ts +6 -15
  41. package/dist/components/Fieldset/index.js +8 -3
  42. package/dist/components/Fieldset/validate.d.ts +3 -3
  43. package/dist/components/FilterGroup/index.js +2 -2
  44. package/dist/components/FilterGroup/validate.d.ts +5 -5
  45. package/dist/components/Footnote/index.js +1 -1
  46. package/dist/components/FootnoteContent/index.js +1 -1
  47. package/dist/components/FootnoteSection/index.js +1 -1
  48. package/dist/components/FootnoteSection/validate.d.ts +2 -2
  49. package/dist/components/Form/index.js +1 -1
  50. package/dist/components/Form/validate.d.ts +4 -4
  51. package/dist/components/GoogleMap/index.js +31 -19
  52. package/dist/components/GoogleMap/props.d.ts +13 -1
  53. package/dist/components/GoogleMap/styled.d.ts +1 -1
  54. package/dist/components/GoogleMap/validate.d.ts +12 -3
  55. package/dist/components/Grid/index.js +2 -2
  56. package/dist/components/GridItem/index.js +2 -2
  57. package/dist/components/IconButton/index.js +4 -4
  58. package/dist/components/IconButton/validate.d.ts +1 -1
  59. package/dist/components/IconLoader/validate.d.ts +1 -1
  60. package/dist/components/IconSnippet/index.js +14 -24
  61. package/dist/components/IconSnippet/validate.d.ts +3 -3
  62. package/dist/components/IconSnippetList/index.js +1 -1
  63. package/dist/components/IconSnippetList/validate.d.ts +3 -3
  64. package/dist/components/Image/index.js +4 -52
  65. package/dist/components/Image/validate.d.ts +0 -9
  66. package/dist/components/ImageHeader/index.js +25 -19
  67. package/dist/components/ImageHeader/styled.d.ts +17 -0
  68. package/dist/components/ImageHeader/validate.d.ts +3 -12
  69. package/dist/components/InfoBanner/index.js +1 -1
  70. package/dist/components/InfoBanner/validate.d.ts +2 -2
  71. package/dist/components/InlineLink/index.js +1 -1
  72. package/dist/components/Input/index.js +1 -1
  73. package/dist/components/Input/validate.d.ts +1 -0
  74. package/dist/components/Legend/index.d.ts +1 -1
  75. package/dist/components/Legend/index.js +54 -68
  76. package/dist/components/Legend/validate.d.ts +6 -6
  77. package/dist/components/Link/index.js +1 -1
  78. package/dist/components/Link/validate.d.ts +1 -1
  79. package/dist/components/LinkAsButton/index.js +1 -1
  80. package/dist/components/LinkAsButton/validate.d.ts +1 -1
  81. package/dist/components/LinkList/index.js +25 -15
  82. package/dist/components/LinkList/styled.d.ts +1 -1
  83. package/dist/components/LinkListItem/index.js +15 -342
  84. package/dist/components/LinkListItem/props.d.ts +0 -4
  85. package/dist/components/LinkListItem/styled.d.ts +1 -1
  86. package/dist/components/LinkListItem/validate.d.ts +2 -3
  87. package/dist/components/LoadingSpinner/index.js +11 -10
  88. package/dist/components/LocalStyle/index.js +1 -1
  89. package/dist/components/MediaText/index.js +2 -2
  90. package/dist/components/MediaText/validate.d.ts +1 -10
  91. package/dist/components/Notification/index.js +20 -34
  92. package/dist/components/Notification/validate.d.ts +3 -3
  93. package/dist/components/OpenTextFootnoteAdapter/index.js +3 -3
  94. package/dist/components/PasswordInput/index.js +2 -2
  95. package/dist/components/PickerGroup/components/Picker/index.js +2 -2
  96. package/dist/components/PickerGroup/components/Picker/validate.d.ts +1 -1
  97. package/dist/components/PickerGroup/index.js +1 -1
  98. package/dist/components/PickerGroup/validate.d.ts +1 -1
  99. package/dist/components/Price/index.d.ts +0 -1
  100. package/dist/components/Price/index.js +61 -8
  101. package/dist/components/Price/props.d.ts +6 -6
  102. package/dist/components/ProductCard/index.js +4 -4
  103. package/dist/components/ProductCard/validate.d.ts +3 -12
  104. package/dist/components/QuickLinkList/components/QuickLink/index.js +2 -2
  105. package/dist/components/QuickLinkList/index.js +1 -1
  106. package/dist/components/RadioGroup/index.js +2 -2
  107. package/dist/components/Rating/index.js +1 -1
  108. package/dist/components/RichText/index.js +1 -1
  109. package/dist/components/RichText/parseHtml.d.ts +2 -1
  110. package/dist/components/RichTextContentful/getOptions.d.ts +6 -2
  111. package/dist/components/RichTextContentful/helpers/listHelpers.d.ts +1 -0
  112. package/dist/components/RichTextContentful/index.js +1 -1
  113. package/dist/components/RichTextContentful/props.d.ts +2 -1
  114. package/dist/components/RichTextContentful/styled.d.ts +5 -1
  115. package/dist/components/SearchInput/index.js +2 -2
  116. package/dist/components/SelectInput/index.js +1 -1
  117. package/dist/components/SuggestInput/components/SuggestInputList/index.d.ts +1 -1
  118. package/dist/components/SuggestInput/components/SuggestInputList/props.d.ts +0 -2
  119. package/dist/components/SuggestInput/index.js +20 -22
  120. package/dist/components/Switch/index.js +2 -2
  121. package/dist/components/TabGroup/index.js +11 -4
  122. package/dist/components/TabGroup/validate.d.ts +2 -2
  123. package/dist/components/Table/index.js +2 -2
  124. package/dist/components/TabularPrice/index.js +3 -2
  125. package/dist/components/TextList/components/TextListItem/index.js +1 -1
  126. package/dist/components/TextList/index.js +1 -1
  127. package/dist/components/Textarea/index.js +1 -1
  128. package/dist/components/TimeInput/index.js +2 -2
  129. package/dist/components/ToggleButtonProvider/validate.d.ts +8 -8
  130. package/dist/components/Tray/index.d.ts +1 -1
  131. package/dist/components/Tray/index.js +20 -14
  132. package/dist/components/Tray/validate.d.ts +1 -1
  133. package/dist/components/UtilityLink/index.js +1 -18
  134. package/dist/components/Video/componentName.d.ts +1 -0
  135. package/dist/components/Video/i18n.d.ts +42 -0
  136. package/dist/components/Video/index.d.ts +5 -0
  137. package/dist/components/Video/index.js +902 -0
  138. package/dist/components/Video/props.d.ts +52 -0
  139. package/dist/components/Video/styled.d.ts +2 -0
  140. package/dist/components/Video/validate.d.ts +84 -0
  141. package/dist/components/Video/validate.test.d.ts +1 -0
  142. package/dist/components/YouTubeVideo/index.js +1 -1
  143. package/dist/contentful/props/index.d.ts +2 -0
  144. package/dist/contentful/registry/ContentFulComponentName.d.ts +1 -1
  145. package/dist/contentful/registry/SupportedBrixProps.d.ts +2 -2
  146. package/dist/contentful/registry/index.js +1 -1
  147. package/dist/contentful/validation/index.d.ts +1 -0
  148. package/dist/contentful/validation/index.js +38 -9
  149. package/dist/{cssVars-DIZd9rHN.js → cssVars-DKs5LlTN.js} +112 -108
  150. package/dist/foundations/BrixComponentProps/componentNames.d.ts +1 -1
  151. package/dist/foundations/BrixComponentProps/validate.d.ts +3 -0
  152. package/dist/foundations/GlobalStyle/index.js +1 -1
  153. package/dist/foundations/colorMaps.d.ts +18 -0
  154. package/dist/foundations/cssVars.d.ts +1 -7
  155. package/dist/foundations/cssVars.test.d.ts +1 -0
  156. package/dist/foundations/layout/index.js +23 -6
  157. package/dist/foundations/typographyAndIconSizeCssVars.d.ts +7 -0
  158. package/dist/getSizesFromGridConfig-C-GBct4J.js +28 -0
  159. package/dist/{index-XoIBkRyI.js → index-BLp5wi_X.js} +199 -171
  160. package/dist/{index-B7QEcUdq.js → index-BXTweg2t.js} +26 -52
  161. package/dist/{index-BR6u6rvI.js → index-CW-UuGll.js} +2 -2
  162. package/dist/{index-iCvdBgcJ.js → index-C_6tWuWh.js} +1 -1
  163. package/dist/{index-C9M-9a7m.js → index-Cms5ie2I.js} +4 -4
  164. package/dist/{index-DQ_p1dIc.js → index-CpuHeI4h.js} +2 -2
  165. package/dist/{index-BIa9NKUU.js → index-DqdKVD9N.js} +3 -3
  166. package/dist/{index-B0jIyAgf.js → index-E0RMtc9X.js} +1 -1
  167. package/dist/{index-CWByESA7.js → index-h88pZ6zH.js} +2 -2
  168. package/dist/{index-Dn3We7oE.js → index-p9ZTAIzJ.js} +3 -3
  169. package/dist/index-xzvddlgp.js +345 -0
  170. package/dist/index.d.ts +2 -0
  171. package/dist/index.js +227 -222
  172. package/dist/opentext/index.js +1 -1
  173. package/dist/opentext/map/googleMap.d.ts +2 -1
  174. package/dist/{props-BPxy0GPb.js → props-Bod9bL2v.js} +4 -4
  175. package/dist/{props-P3bM0HEk.js → props-E4PNCuS6.js} +1 -4
  176. package/dist/props-n71pckjd.js +5 -0
  177. package/dist/{styled-DRNdxc1V.js → styled-BJ9cE7xy.js} +2 -2
  178. package/dist/styled-BrSdmb0C.js +52 -0
  179. package/dist/{styled-bzTYGIm_.js → styled-DDY0xAl_.js} +1 -1
  180. package/dist/{styled-DhKlciPC.js → styled-Dfbxuq_p.js} +1 -1
  181. package/dist/styled-R9Zq1ahD.js +21 -0
  182. package/dist/{styled-DYgC4qQm.js → styled-ldBsCamo.js} +2 -2
  183. package/dist/{youTubeVideo-BOudL3DM.js → youTubeVideo-CsdIB_iu.js} +30 -56
  184. package/package.json +2 -1
  185. package/dist/ButtonAppearanceHelper-BQUk7S3X.js +0 -92
  186. package/dist/components/AccordionGroup/stories/scrollToViewFixedHeaderStoryObj.d.ts +0 -2
  187. package/dist/components/Carousel/stories/productCards.d.ts +0 -8
  188. package/dist/components/Flex/stories/alignCenterArgs.d.ts +0 -2
  189. package/dist/components/Flex/stories/alignEndArgs.d.ts +0 -2
  190. package/dist/components/Flex/stories/alignStartArgs.d.ts +0 -2
  191. package/dist/components/Flex/stories/autoAndFullItemArgs.d.ts +0 -2
  192. package/dist/components/Flex/stories/autoAndFullItemVerticalArgs.d.ts +0 -2
  193. package/dist/components/Flex/stories/fullAndAutoItemArgs.d.ts +0 -2
  194. package/dist/components/Flex/stories/fullAndAutoItemVerticalArgs.d.ts +0 -2
  195. package/dist/components/Flex/stories/justifyBetweenArgs.d.ts +0 -2
  196. package/dist/components/Flex/stories/justifyBetweenVerticalArgs.d.ts +0 -2
  197. package/dist/components/Flex/stories/justifyCenterArgs.d.ts +0 -2
  198. package/dist/components/Flex/stories/justifyCenterVerticalArgs.d.ts +0 -2
  199. package/dist/components/Flex/stories/justifyEndArgs.d.ts +0 -2
  200. package/dist/components/Flex/stories/justifyEndVerticalArgs.d.ts +0 -2
  201. package/dist/components/Flex/stories/justifyStartArgs.d.ts +0 -2
  202. package/dist/components/Flex/stories/justifyStartVerticalArgs.d.ts +0 -2
  203. package/dist/components/Flex/stories/twoFullItemsArgs.d.ts +0 -2
  204. package/dist/components/Flex/stories/twoFullItemsVerticalArgs.d.ts +0 -2
  205. package/dist/components/Flex/stories/xlGapSpacingArgs.d.ts +0 -2
  206. package/dist/components/Grid/stories/alignGridCenterArgs.d.ts +0 -2
  207. package/dist/components/Grid/stories/alignGridItemArgs.d.ts +0 -2
  208. package/dist/components/Grid/stories/alignGridRightArgs.d.ts +0 -2
  209. package/dist/components/Grid/stories/grid12Args.d.ts +0 -2
  210. package/dist/components/Grid/stories/grid222222Args.d.ts +0 -2
  211. package/dist/components/Grid/stories/grid3333Args.d.ts +0 -2
  212. package/dist/components/Grid/stories/grid363Args.d.ts +0 -2
  213. package/dist/components/Grid/stories/grid444Args.d.ts +0 -2
  214. package/dist/components/Grid/stories/grid64Args.d.ts +0 -2
  215. package/dist/components/Grid/stories/grid66Args.d.ts +0 -2
  216. package/dist/components/Grid/stories/grid75Args.d.ts +0 -2
  217. package/dist/components/Grid/stories/nestingArgs.d.ts +0 -2
  218. package/dist/components/Grid/stories/noSpacingArgs.d.ts +0 -2
  219. package/dist/components/Grid/stories/offsetArgs.d.ts +0 -2
  220. package/dist/components/Grid/stories/responsiveArgs.d.ts +0 -2
  221. package/dist/components/Grid/stories/stretchArgs.d.ts +0 -2
  222. package/dist/components/Grid/stories/tagOrderedListArgs.d.ts +0 -2
  223. package/dist/components/Grid/stories/tagUnorderedListArgs.d.ts +0 -2
  224. package/dist/getSizesFromGridConfig-BqDW79mt.js +0 -48
@@ -1,4 +1,4 @@
1
- import { M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak } from "../youTubeVideo-BOudL3DM.js";
1
+ import { M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak } from "../youTubeVideo-CsdIB_iu.js";
2
2
  export {
3
3
  M as MapAccordion,
4
4
  a as MapAccordionGroup,
@@ -1,7 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { GoogleMapProps } from '../../components/GoogleMap';
3
3
  import { CornerStyle } from '../../foundations/types/CornerStyle';
4
- export interface DeprecatedGoogleMapProps extends Omit<GoogleMapProps, 'roundedCorners'> {
4
+ export interface DeprecatedGoogleMapProps extends Omit<GoogleMapProps, 'roundedCorners' | 'height'> {
5
5
  corners?: CornerStyle;
6
+ viewportHeight: GoogleMapProps['height'];
6
7
  }
7
8
  export declare const MapGoogleMap: FC<DeprecatedGoogleMapProps>;
@@ -12,9 +12,9 @@ export {
12
12
  notificationStatusSuccess as b,
13
13
  notificationStatusWarning as c,
14
14
  notificationStatuses as d,
15
- buttonComponentName as e,
16
- buttonAsLinkComponentName as f,
17
- buttonGroupComponentName as g,
18
- flexComponentName as h,
15
+ buttonGroupComponentName as e,
16
+ flexComponentName as f,
17
+ buttonComponentName as g,
18
+ buttonAsLinkComponentName as h,
19
19
  notificationStatusError as n
20
20
  };
@@ -1,4 +1,3 @@
1
- import { f as fontWeightRegular, a as fontWeightBold } from "./FontWeight-C8c-UnWu.js";
2
1
  const priceOrientationHorizontal = "horizontal";
3
2
  const priceOrientationVertical = "vertical";
4
3
  const priceOrientations = [priceOrientationHorizontal, priceOrientationVertical];
@@ -9,7 +8,6 @@ const priceSizes = [priceSizeSm, priceSizeMd, priceSizeLg];
9
8
  const priceAlignLeft = "left";
10
9
  const priceAlignCenter = "center";
11
10
  const priceAligns = [priceAlignLeft, priceAlignCenter];
12
- const tabularPricePrefixWeights = [fontWeightRegular, fontWeightBold];
13
11
  export {
14
12
  priceAlignLeft as a,
15
13
  priceAligns as b,
@@ -20,6 +18,5 @@ export {
20
18
  priceSizeMd as g,
21
19
  priceSizeSm as h,
22
20
  priceSizes as i,
23
- priceAlignCenter as p,
24
- tabularPricePrefixWeights as t
21
+ priceAlignCenter as p
25
22
  };
@@ -0,0 +1,5 @@
1
+ import { f as fontWeightRegular, a as fontWeightBold } from "./FontWeight-C8c-UnWu.js";
2
+ const tabularPricePrefixWeights = [fontWeightRegular, fontWeightBold];
3
+ export {
4
+ tabularPricePrefixWeights as t
5
+ };
@@ -1,5 +1,5 @@
1
1
  import styled from "styled-components";
2
- import { g as getButtonAppearance } from "./ButtonAppearanceHelper-BQUk7S3X.js";
2
+ import { g as getButtonAppearance } from "./ButtonAppearanceHelper-3qIbHGWJ.js";
3
3
  import IconLoader from "./components/IconLoader/index.js";
4
4
  import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
5
5
  import { v as viewport } from "./index-CG4uiVbZ.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 { getOpacity } from "./foundations/token/getOpacity/index.js";
11
11
  import { g as getSpacing } from "./index-l-i-mIeP.js";
12
- import { b as borderRadiusMd } from "./BorderRadius-Co-IV3fn.js";
12
+ import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
13
13
  import { p as primaryAppearance } from "./ButtonAppearances-BEMZJMeh.js";
14
14
  import { f as fontWeightRegular } from "./FontWeight-C8c-UnWu.js";
15
15
  import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
@@ -0,0 +1,52 @@
1
+ import styled from "styled-components";
2
+ import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
3
+ import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
4
+ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
5
+ import { b as borderRadiusMd, a as borderRadiusNone } from "./BorderRadius-0jhn76gB.js";
6
+ import { s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
7
+ import { s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
8
+ const ImageContainerStyled = styled.div.withConfig({
9
+ shouldForwardProp,
10
+ displayName: "ImageContainerStyled",
11
+ componentId: "sc-z3qszb-0"
12
+ })({
13
+ overflow: "hidden",
14
+ position: "relative"
15
+ }, ({
16
+ aspectRatio
17
+ }) => ({
18
+ aspectRatio
19
+ }), ({
20
+ roundedCorners
21
+ }) => ({
22
+ borderRadius: roundedCorners ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone)
23
+ }), ({
24
+ objectFit = "cover"
25
+ }) => ({
26
+ "& img": {
27
+ objectFit
28
+ }
29
+ }), ({
30
+ width,
31
+ height,
32
+ aspectRatio
33
+ }) => ({
34
+ width: width ? width : height ? "auto" : "100%",
35
+ height: height ? height : width ? "auto" : aspectRatio ? "auto" : "100%",
36
+ "& img": {
37
+ position: !width && !height && !aspectRatio ? "relative" : "absolute",
38
+ top: 0,
39
+ left: 0,
40
+ height: "100%",
41
+ width: "100%"
42
+ }
43
+ }), ({
44
+ bottomSpacing = spacingMd
45
+ }) => getBottomSpacing({
46
+ bottomSpacing
47
+ }), ({
48
+ layout
49
+ }) => layout && translateLayoutPropsToCss(layout));
50
+ export {
51
+ ImageContainerStyled as I
52
+ };
@@ -7,7 +7,7 @@ import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
7
7
  import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
8
8
  import { g as getSpacing } from "./index-l-i-mIeP.js";
9
9
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
10
- import { b as borderRadiusMd } from "./BorderRadius-Co-IV3fn.js";
10
+ import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
11
11
  import { s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
12
12
  import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
13
13
  import { g as getCssVar } from "./getCssVar-BP6T9pFM.js";
@@ -1,5 +1,5 @@
1
1
  import styled from "styled-components";
2
- import { C as CardStyled } from "./styled-bzTYGIm_.js";
2
+ import { C as CardStyled } from "./styled-DDY0xAl_.js";
3
3
  import { D as DemoBoxStyled } from "./styled-D9CSzn1O.js";
4
4
  import { v as viewport } from "./index-CG4uiVbZ.js";
5
5
  import { g as getSpacing } from "./index-l-i-mIeP.js";
@@ -0,0 +1,21 @@
1
+ import styled from "styled-components";
2
+ import forcedColors from "./foundations/media-query/forcedColors/index.js";
3
+ import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
4
+ import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
5
+ import { c as colorBorderFocus } from "./BorderColor-BACbvI20.js";
6
+ import { b as borderWidthFocus } from "./BorderWidth-CwrNKc0Q.js";
7
+ const UtilityLinkStyled = styled("a").withConfig({
8
+ displayName: "UtilityLinkStyled",
9
+ componentId: "sc-otjsul-0"
10
+ })({
11
+ "&:focus-within": {
12
+ ...forcedColors({
13
+ outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
14
+ }),
15
+ outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`,
16
+ textDecoration: "underline"
17
+ }
18
+ });
19
+ export {
20
+ UtilityLinkStyled as U
21
+ };
@@ -10,8 +10,8 @@ import { g as getSpacing } from "./index-l-i-mIeP.js";
10
10
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
11
11
  import { a as colorBackgroundNeutral, d as colorBackgroundSubtle } from "./BackgroundColor-Ba4D10TC.js";
12
12
  import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "./BorderColor-BACbvI20.js";
13
- import { b as borderRadiusMd } from "./BorderRadius-Co-IV3fn.js";
14
- import { b as borderWidthUnselected } from "./BorderWidth-OZWeXaq_.js";
13
+ import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
14
+ import { a as borderWidthUnselected } from "./BorderWidth-CwrNKc0Q.js";
15
15
  import { c as spacingSm, a as spacingXs } from "./Spacing-Dj-qX3Z5.js";
16
16
  import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
17
17
  import { a as shouldForwardPropExcluding, s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
@@ -1,22 +1,22 @@
1
1
  import { createElement } from "react";
2
2
  import AccordionGroup from "./components/AccordionGroup/index.js";
3
3
  import Accordion from "./components/Accordion/index.js";
4
- import { r as renderInlineRichTextFromOpenText, O as OpenTextFootnoteAdapter } from "./index-DQ_p1dIc.js";
5
- import { B as Badge } from "./index-CWByESA7.js";
4
+ import { r as renderInlineRichTextFromOpenText, O as OpenTextFootnoteAdapter } from "./index-CpuHeI4h.js";
5
+ import { B as Badge } from "./index-h88pZ6zH.js";
6
6
  import Body from "./components/Body/index.js";
7
7
  import BottomBar from "./components/BottomBar/index.js";
8
8
  import Button from "./components/Button/index.js";
9
- import { B as ButtonAsLink } from "./index-BIa9NKUU.js";
9
+ import { B as ButtonAsLink } from "./index-DqdKVD9N.js";
10
10
  import ButtonGroup from "./components/ButtonGroup/index.js";
11
11
  import Calendar from "./components/Calendar/index.js";
12
12
  import Card from "./components/Card/index.js";
13
- import { C as Carousel, a as CarouselItem } from "./index-C9M-9a7m.js";
13
+ import { C as Carousel, a as CarouselItem } from "./index-Cms5ie2I.js";
14
14
  import Checkbox from "./components/Checkbox/index.js";
15
15
  import CheckboxGroup from "./components/CheckboxGroup/index.js";
16
16
  import ColorSwatch from "./components/ColorSwatch/index.js";
17
17
  import ColorSwatchGroup from "./components/ColorSwatchGroup/index.js";
18
18
  import ConsentMessage from "./components/ConsentMessage/index.js";
19
- import { C as Container } from "./index-iCvdBgcJ.js";
19
+ import { C as Container } from "./index-C_6tWuWh.js";
20
20
  import DateInput from "./components/DateInput/index.js";
21
21
  import Dialog from "./components/Dialog/index.js";
22
22
  import DiscoveryCardGroup from "./components/DiscoveryCardGroup/index.js";
@@ -30,7 +30,8 @@ import FootnoteContent from "./components/FootnoteContent/index.js";
30
30
  import { F as FootnoteLink } from "./index-DcEZ9vor.js";
31
31
  import Form from "./components/Form/index.js";
32
32
  import GoogleMap from "./components/GoogleMap/index.js";
33
- import { G as Grid, b as GridItem } from "./index-B0jIyAgf.js";
33
+ import { c as cornerRounded } from "./CornerStyle-n77nckhh.js";
34
+ import { G as Grid, b as GridItem } from "./index-E0RMtc9X.js";
34
35
  import Heading from "./components/Heading/index.js";
35
36
  import HifiIcon from "./components/HifiIcon/index.js";
36
37
  import Icon from "./components/Icon/index.js";
@@ -44,32 +45,33 @@ import InfoBanner from "./components/InfoBanner/index.js";
44
45
  import Input from "./components/Input/index.js";
45
46
  import Label from "./components/Label/index.js";
46
47
  import Link from "./components/Link/index.js";
47
- import { L as LinkAsButton } from "./index-BR6u6rvI.js";
48
+ import { L as LinkAsButton } from "./index-CW-UuGll.js";
48
49
  import LinkList from "./components/LinkList/index.js";
49
- import LinkListItem from "./components/LinkListItem/index.js";
50
+ import { L as LinkListItem } from "./index-xzvddlgp.js";
50
51
  import LoadingSpinner from "./components/LoadingSpinner/index.js";
51
52
  import MediaText from "./components/MediaText/index.js";
52
53
  import Notification from "./components/Notification/index.js";
53
- import { P as Picker } from "./index-Dn3We7oE.js";
54
+ import { P as Picker } from "./index-p9ZTAIzJ.js";
54
55
  import PickerGroup from "./components/PickerGroup/index.js";
55
- import { P as Price, T as TabularPrice } from "./index-B7QEcUdq.js";
56
+ import Price from "./components/Price/index.js";
56
57
  import ProductCard from "./components/ProductCard/index.js";
57
58
  import QuickLinkList from "./components/QuickLinkList/index.js";
58
59
  import RadioGroup from "./components/RadioGroup/index.js";
59
60
  import Rating from "./components/Rating/index.js";
60
61
  import ArtDirectedImage from "./components/ArtDirectedImage/index.js";
61
- import { R as RichText, T as TableWrapper, f as TextList, g as TextListItem } from "./index-XoIBkRyI.js";
62
+ import { R as RichText, T as TableWrapper, f as TextList, g as TextListItem } from "./index-BLp5wi_X.js";
62
63
  import SearchInput from "./components/SearchInput/index.js";
63
64
  import SelectInput from "./components/SelectInput/index.js";
64
65
  import Stepper from "./components/Stepper/index.js";
65
66
  import SuggestInput from "./components/SuggestInput/index.js";
66
67
  import Switch from "./components/Switch/index.js";
67
68
  import TabGroup from "./components/TabGroup/index.js";
68
- import "html-react-parser";
69
+ import "./props-B5OwQmNC.js";
69
70
  import "./index-Dgu9iIhb.js";
71
+ import "./props-GrMT6XLD.js";
70
72
  import "./hooks/useLinkComponent/index.js";
71
73
  import "./components/InlineLink/index.js";
72
- import "./props-B5OwQmNC.js";
74
+ import { T as TabularPrice } from "./index-BXTweg2t.js";
73
75
  import Textarea from "./components/Textarea/index.js";
74
76
  import TimeInput from "./components/TimeInput/index.js";
75
77
  import Tray from "./components/Tray/index.js";
@@ -206,13 +208,13 @@ const MapFootnoteLink = (props) => {
206
208
  const MapForm = (props) => {
207
209
  return /* @__PURE__ */ createElement(Form, { ...props, key: props.uid });
208
210
  };
209
- const cornerRounded = "rounded";
210
211
  const MapGoogleMap = (props) => {
211
212
  const {
212
213
  corners,
214
+ viewportHeight,
213
215
  ...rest
214
216
  } = props;
215
- return /* @__PURE__ */ createElement(GoogleMap, { ...rest, key: rest.uid, roundedCorners: corners !== void 0 ? corners === cornerRounded : void 0 });
217
+ return /* @__PURE__ */ createElement(GoogleMap, { ...rest, key: rest.uid, roundedCorners: corners !== void 0 ? corners === cornerRounded : void 0, height: viewportHeight });
216
218
  };
217
219
  const MapGrid = (props) => {
218
220
  return /* @__PURE__ */ createElement(Grid, { ...props, key: props.uid, gap: props.spacing && props.spacing.toLowerCase() });
@@ -393,53 +395,25 @@ const MapRadioGroup = (props) => {
393
395
  const MapRating = (props) => {
394
396
  return /* @__PURE__ */ createElement(Rating, { ...props, key: props.uid });
395
397
  };
398
+ const toArtDirectedSource = (image) => ({
399
+ ...image,
400
+ srcSet: image.src,
401
+ aspectRatio: image.aspectRatio || "16/9"
402
+ });
396
403
  const MapResponsiveImage = ({
397
404
  images,
398
405
  ...props
399
406
  }) => {
400
- if (!images.md || !images.lg) {
401
- return /* @__PURE__ */ createElement(ArtDirectedImage, { sources: {
402
- sm: {
403
- ...images.sm,
404
- srcSet: images.sm.src,
405
- aspectRatio: images.sm.aspectRatio || "16/9"
406
- },
407
- ...images.md && {
408
- md: {
409
- ...images.md,
410
- srcSet: images.md.src,
411
- aspectRatio: images.md.aspectRatio || "16/9"
412
- }
413
- },
414
- ...images.lg && {
415
- lg: {
416
- ...images.lg,
417
- srcSet: images.lg.src,
418
- aspectRatio: images.lg.aspectRatio || "16/9"
419
- }
420
- }
421
- }, image: {
422
- ...images.sm,
423
- aspectRatio: images.sm.aspectRatio || "16/9"
424
- }, ...props, key: props.uid });
425
- }
426
- return /* @__PURE__ */ createElement(ArtDirectedImage, { sources: {
427
- sm: {
428
- ...images.sm,
429
- srcSet: images.sm.src,
430
- aspectRatio: images.sm.aspectRatio || "16/9"
431
- },
432
- md: {
433
- ...images.md,
434
- srcSet: images.md.src,
435
- aspectRatio: images.md.aspectRatio || "16/9"
407
+ const sources = {
408
+ sm: toArtDirectedSource(images.sm),
409
+ ...images.md && {
410
+ md: toArtDirectedSource(images.md)
436
411
  },
437
- lg: {
438
- ...images.lg,
439
- srcSet: images.lg.src,
440
- aspectRatio: images.lg.aspectRatio || "16/9"
412
+ ...images.lg && {
413
+ lg: toArtDirectedSource(images.lg)
441
414
  }
442
- }, image: {
415
+ };
416
+ return /* @__PURE__ */ createElement(ArtDirectedImage, { sources, image: {
443
417
  ...images.sm,
444
418
  aspectRatio: images.sm.aspectRatio || "16/9"
445
419
  }, ...props, key: props.uid });
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": "17.1.2",
4
+ "version": "18.0.0",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {
@@ -27,6 +27,7 @@
27
27
  "@contentful/rich-text-react-renderer": "^16.2.1",
28
28
  "@vis.gl/react-google-maps": "^1.8.3",
29
29
  "html-react-parser": "^6.1.2",
30
+ "plyr": "^3.8.4",
30
31
  "polished": "^4.3.1",
31
32
  "react": "^19.2.6",
32
33
  "react-day-picker": "^9.14.0",
@@ -1,92 +0,0 @@
1
- import forcedColors from "./foundations/media-query/forcedColors/index.js";
2
- import { e as ease_in_sine } from "./easing-Dm-pO8SY.js";
3
- import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
4
- import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
5
- import { getHoverColor } from "./foundations/token/getHoverColor/index.js";
6
- import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
7
- import { getPressColor } from "./foundations/token/getPressColor/index.js";
8
- import { c as colorBorderFocus } from "./BorderColor-BACbvI20.js";
9
- import { a as borderWidthFocus, c as borderWidthSelected } from "./BorderWidth-OZWeXaq_.js";
10
- import { a as colorObjectNeutral, d as colorObjectBrand, e as colorObjectInverse } from "./ObjectColor-CSHEae46.js";
11
- import { g as getForegroundColor } from "./colorUtils-CfSj2Iqa.js";
12
- const ButtonAppearanceColor = {
13
- primary: colorObjectBrand,
14
- secondary: colorObjectNeutral,
15
- tertiary: colorObjectNeutral
16
- };
17
- const getButtonAppearance = (appearance) => {
18
- const background = getObjectColor(ButtonAppearanceColor[appearance]);
19
- const color = getForegroundColor(ButtonAppearanceColor[appearance]);
20
- const hoverBackgroundColor = getHoverColor(ButtonAppearanceColor[appearance]);
21
- const pressedBackgroundColor = getPressColor(ButtonAppearanceColor[appearance]);
22
- const focusColor = getBorderColor(colorBorderFocus);
23
- let style = {
24
- ...forcedColors({
25
- background: "ButtonFace",
26
- color: "ButtonText"
27
- }),
28
- border: "unset",
29
- background,
30
- color,
31
- transitionProperty: "background, color, box-shadow",
32
- transitionDuration: "0.2s",
33
- transitionTimingFunction: ease_in_sine,
34
- /* No visible box-shadow. as transition endpoint for focus */
35
- boxShadow: `inset transparent 0px 0px 0px ${hoverBackgroundColor}`,
36
- "&:visited": {
37
- ...forcedColors({
38
- background: "ButtonFace",
39
- color: "ButtonText"
40
- }),
41
- color,
42
- background
43
- },
44
- "&:hover": {
45
- ...forcedColors({
46
- background: "ButtonFace",
47
- color: "ButtonText"
48
- }),
49
- color,
50
- background: hoverBackgroundColor,
51
- /* No visible box-shadow. as transition point for focus and from tertiary */
52
- boxShadow: `inset transparent 0px 0px 0px`
53
- },
54
- "&:active": {
55
- ...forcedColors({
56
- background: "ButtonFace",
57
- color: "ButtonText"
58
- }),
59
- color,
60
- backgroundColor: pressedBackgroundColor
61
- },
62
- "&:focus-visible, &:focus-within": {
63
- ...forcedColors({
64
- outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`,
65
- background: "ButtonFace",
66
- color: "ButtonText"
67
- }),
68
- boxShadow: `${focusColor} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
69
- color,
70
- background: hoverBackgroundColor,
71
- outline: "none"
72
- }
73
- };
74
- if ("tertiary" === appearance) {
75
- const color2 = getForegroundColor(colorObjectInverse);
76
- style = {
77
- ...style,
78
- color: color2,
79
- background: "transparent",
80
- boxShadow: `inset ${background} 0px 0px 0px ${getBorderWidth(borderWidthSelected)}`,
81
- "&:visited": {
82
- color: color2,
83
- background: "transparent"
84
- }
85
- };
86
- }
87
- return style;
88
- };
89
- export {
90
- ButtonAppearanceColor as B,
91
- getButtonAppearance as g
92
- };
@@ -1,2 +0,0 @@
1
- import { AccordionGroupProps } from '../props';
2
- export declare const LayoutWithFixedHeader: (args: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- export declare const iPhone16Carousel: import("react/jsx-runtime").JSX.Element;
2
- export declare const iPhone16ProCarousel: import("react/jsx-runtime").JSX.Element;
3
- export declare const iPhone16ProMaxCarousel: import("react/jsx-runtime").JSX.Element;
4
- export declare const iPhone16PlusCarousel: import("react/jsx-runtime").JSX.Element;
5
- export declare const iPhone15Carousel: import("react/jsx-runtime").JSX.Element;
6
- export declare const onyxCarousel: import("react/jsx-runtime").JSX.Element;
7
- export declare const galaxy25Carousel: import("react/jsx-runtime").JSX.Element;
8
- export declare const galaxy7FoldCarousel: import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const alignCenterArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const alignEndArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const alignStartArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const autoAndFullItemArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const autoAndFullItemVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const fullAndAutoItemArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const fullAndAutoItemVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyBetweenArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyBetweenVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyCenterArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyCenterVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyEndArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyEndVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyStartArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const justifyStartVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const twoFullItemsArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const twoFullItemsVerticalArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { FlexProps } from '../props';
2
- export declare const xlGapSpacingArgs: FlexProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const alignGridCenterArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const alignGridItemArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const alignGridRightArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid12Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid222222Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid3333Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid363Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid444Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid64Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid66Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const grid75Args: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const nestingArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const noSpacingArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const offsetArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const responsiveArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const stretchArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const tagOrderedListArgs: GridProps;
@@ -1,2 +0,0 @@
1
- import { GridProps } from '../props';
2
- export declare const tagUnorderedListArgs: GridProps;