@vodafone_de/brix-components 7.0.8 → 7.0.9

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 (178) hide show
  1. package/README.md +0 -1
  2. package/dist/{FontWeight-CR22KTex.js → FontWeight-DEBGHbtO.js} +2 -2
  3. package/dist/NotificationErrorIcon-DMnAJgPN.js +83 -0
  4. package/dist/_5gPlusIcon-B_69VW4X.js +19443 -0
  5. package/dist/components/Accordion/index.js +6 -3
  6. package/dist/components/Accordion/props.d.ts +1 -1
  7. package/dist/components/Accordion/styled.d.ts +1 -1
  8. package/dist/components/AccordionGroup/index.js +1 -1
  9. package/dist/components/Badge/index.js +3 -2
  10. package/dist/components/Badge/props.d.ts +1 -1
  11. package/dist/components/Body/index.js +2 -2
  12. package/dist/components/Body/props.d.ts +1 -1
  13. package/dist/components/BottomBar/index.js +3 -3
  14. package/dist/components/Button/index.js +2 -2
  15. package/dist/components/Button/styled.d.ts +1 -1
  16. package/dist/components/ButtonAsLink/index.js +3 -1
  17. package/dist/components/ButtonAsLink/styled.d.ts +1 -1
  18. package/dist/components/ButtonGroup/index.js +4 -4
  19. package/dist/components/ButtonGroup/props.d.ts +1 -1
  20. package/dist/components/Card/index.js +3 -3
  21. package/dist/components/Card/props.d.ts +2 -2
  22. package/dist/components/Carousel/components/CarouselContext.d.ts +2 -3
  23. package/dist/components/Carousel/components/CarouselNavigation.d.ts +0 -2
  24. package/dist/components/Carousel/index.js +58 -47
  25. package/dist/components/Checkbox/index.js +3 -2
  26. package/dist/components/CheckboxGroup/index.js +2 -2
  27. package/dist/components/Collapsible/index.js +1 -1
  28. package/dist/components/ColorSwatch/index.js +2 -2
  29. package/dist/components/ColorSwatchGroup/index.js +4 -4
  30. package/dist/components/ColorSwatchGroup/props.d.ts +1 -1
  31. package/dist/components/ConsentMessage/index.js +1 -1
  32. package/dist/components/ConsentMessage/styled.d.ts +1 -1
  33. package/dist/components/Container/index.js +3 -2
  34. package/dist/components/Container/props.d.ts +12 -1
  35. package/dist/components/DateInput/index.js +4 -2
  36. package/dist/components/DateInput/styled.d.ts +1 -2
  37. package/dist/components/DemoBox/index.js +5 -3
  38. package/dist/components/Dialog/index.js +4 -4
  39. package/dist/components/Dialog/styled.d.ts +1 -1
  40. package/dist/components/DiscoveryCard/components/DiscoveryCardLinkedImage.d.ts +1 -1
  41. package/dist/components/DiscoveryCard/index.js +21 -12
  42. package/dist/components/DiscoveryCard/props.d.ts +3 -3
  43. package/dist/components/DiscoveryCard/styled.d.ts +2 -2
  44. package/dist/components/DiscoveryCardGroup/index.js +1 -1
  45. package/dist/components/Divider/index.js +1 -1
  46. package/dist/components/Fieldset/index.js +2 -2
  47. package/dist/components/FilterGroup/index.js +4 -3
  48. package/dist/components/FilterGroup/props.d.ts +1 -1
  49. package/dist/components/FilterGroup/styled.d.ts +1 -1
  50. package/dist/components/Flex/index.js +2 -2
  51. package/dist/components/FlexItem/index.js +1 -1
  52. package/dist/components/FootnoteContent/index.js +1 -1
  53. package/dist/components/FootnoteLink/index.js +10 -2
  54. package/dist/components/Form/index.js +1 -1
  55. package/dist/components/FormElement/index.js +1 -1
  56. package/dist/components/FormHelperStatusIcon/index.d.ts +1 -1
  57. package/dist/components/FormHelperStatusIcon/index.js +2 -1
  58. package/dist/components/FormHelperStatusIcon/styled.d.ts +1 -1
  59. package/dist/components/GoogleMap/components/Map/props.d.ts +1 -1
  60. package/dist/components/GoogleMap/index.js +2 -2
  61. package/dist/components/GoogleMap/styled.d.ts +1 -1
  62. package/dist/components/Grid/index.js +2 -2
  63. package/dist/components/Grid/props.d.ts +3 -3
  64. package/dist/components/GridItem/index.js +2 -2
  65. package/dist/components/GridItem/props.d.ts +2 -2
  66. package/dist/components/Heading/index.js +3 -10
  67. package/dist/components/HifiIcon/index.js +1 -1
  68. package/dist/components/HifiIcon/props.d.ts +2 -1
  69. package/dist/components/Icon/index.d.ts +2 -2
  70. package/dist/components/Icon/index.js +1 -3
  71. package/dist/components/Icon/props.d.ts +1 -2
  72. package/dist/components/IconButton/index.js +4 -3
  73. package/dist/components/IconButton/props.d.ts +1 -1
  74. package/dist/components/IconLoader/index.d.ts +9 -0
  75. package/dist/components/IconLoader/index.js +655 -0
  76. package/dist/components/IconLoader/props.d.ts +23 -0
  77. package/dist/components/IconSnippet/index.js +10 -11
  78. package/dist/components/IconSnippet/props.d.ts +2 -2
  79. package/dist/components/IconSnippet/styled.d.ts +2 -2
  80. package/dist/components/IconSnippetList/index.js +1 -1
  81. package/dist/components/Image/index.js +1 -1
  82. package/dist/components/ImageHeader/index.js +7 -7
  83. package/dist/components/ImageHeader/props.d.ts +3 -3
  84. package/dist/components/ImageHeader/styled.d.ts +4 -4
  85. package/dist/components/InlineIcon/index.d.ts +6 -0
  86. package/dist/components/InlineIcon/index.js +35 -0
  87. package/dist/components/InlineIcon/props.d.ts +42 -0
  88. package/dist/components/InlineIcon/styled.d.ts +4 -0
  89. package/dist/components/InlineLink/index.js +19 -7
  90. package/dist/components/InlineLink/styled.d.ts +1 -1
  91. package/dist/components/Input/index.js +1 -1
  92. package/dist/components/Label/index.js +1 -1
  93. package/dist/components/Legend/index.js +1 -1
  94. package/dist/components/Link/index.js +8 -3
  95. package/dist/components/Link/styled.d.ts +1 -1
  96. package/dist/components/LinkAsButton/index.js +1 -1
  97. package/dist/components/LinkList/index.js +4 -4
  98. package/dist/components/LinkListItem/index.js +40 -28
  99. package/dist/components/LinkListItem/props.d.ts +2 -2
  100. package/dist/components/LinkListItem/styled.d.ts +974 -3
  101. package/dist/components/LoadingSpinner/index.js +12 -5
  102. package/dist/components/MediaText/index.d.ts +5 -0
  103. package/dist/components/MediaText/index.js +121 -0
  104. package/dist/components/MediaText/props.d.ts +42 -0
  105. package/dist/components/MediaText/styled.d.ts +4 -0
  106. package/dist/components/Notification/index.js +4 -3
  107. package/dist/components/Notification/notificationStatusVariants.d.ts +1 -1
  108. package/dist/components/Overlay/index.js +1 -1
  109. package/dist/components/PickerGroup/components/Picker/props.d.ts +6 -4
  110. package/dist/components/PickerGroup/components/PickerElementIcon/index.d.ts +1 -1
  111. package/dist/components/PickerGroup/components/PickerElementIcon/styled.d.ts +1 -1
  112. package/dist/components/PickerGroup/index.js +6 -5
  113. package/dist/components/Price/index.js +2 -4
  114. package/dist/components/Price/props.d.ts +1 -9
  115. package/dist/components/Price/styled.d.ts +1 -1
  116. package/dist/components/ProductCard/index.js +8 -8
  117. package/dist/components/ProductCard/styled.d.ts +1 -1
  118. package/dist/components/RadioGroup/index.js +1 -1
  119. package/dist/components/Rating/assets/StarSVG.d.ts +3 -0
  120. package/dist/components/Rating/index.d.ts +6 -0
  121. package/dist/components/Rating/index.js +153 -0
  122. package/dist/components/Rating/props.d.ts +22 -0
  123. package/dist/components/Rating/styled.d.ts +6 -0
  124. package/dist/components/ResponsiveImage/index.js +1 -1
  125. package/dist/components/RichText/index.js +1 -1
  126. package/dist/components/ScreenreaderOnly/index.js +1 -1
  127. package/dist/components/SearchInput/index.d.ts +2 -1
  128. package/dist/components/SearchInput/index.js +27 -26
  129. package/dist/components/SearchInput/props.d.ts +2 -1
  130. package/dist/components/SearchInput/styled.d.ts +3 -6
  131. package/dist/components/SelectInput/index.js +4 -2
  132. package/dist/components/Stepper/index.js +3 -3
  133. package/dist/components/SuggestInput/index.js +5 -4
  134. package/dist/components/SuggestInput/props.d.ts +1 -1
  135. package/dist/components/SuggestInput/styled.d.ts +2 -2
  136. package/dist/components/Switch/index.js +4 -3
  137. package/dist/components/TabularPrice/index.js +2 -2
  138. package/dist/components/TextList/index.js +2 -2
  139. package/dist/components/Textarea/index.js +1 -1
  140. package/dist/components/Textarea/styled.d.ts +1 -1
  141. package/dist/components/TimeInput/index.js +5 -3
  142. package/dist/components/TimeInput/styled.d.ts +1 -4
  143. package/dist/components/Tray/index.js +2 -2
  144. package/dist/components/Tray/props.d.ts +1 -1
  145. package/dist/components/YoutubeVideo/index.js +1 -2
  146. package/dist/components/YoutubeVideo/props.d.ts +1 -1
  147. package/dist/filterProps-CBnuV0LI.js +17 -0
  148. package/dist/foundations/GlobalStyle/index.js +2 -2
  149. package/dist/foundations/tags.d.ts +2 -0
  150. package/dist/foundations/types/PositionedIconInterface.d.ts +1 -1
  151. package/dist/foundations/types/SystemIconWithPosition.d.ts +1 -1
  152. package/dist/hooks/useLinkComponent/index.d.ts +11 -0
  153. package/dist/hooks/useLinkComponent/index.js +11 -0
  154. package/dist/hooks/useViewport/index.js +5 -22
  155. package/dist/icons/index.js +323 -340
  156. package/dist/{index-BeSd-V81.js → index-9io8adeQ.js} +3 -3
  157. package/dist/{index-ZHkR70j3.js → index-BdPmdY9v.js} +4 -3
  158. package/dist/{index-C5GzK6_0.js → index-Cqh8IRpl.js} +18 -8
  159. package/dist/index-Cs0Hw0dj.js +25 -0
  160. package/dist/{index-DQhtQZ85.js → index-GwyCjtti.js} +1 -1
  161. package/dist/{index-aUJfXBUI.js → index-TImInHXt.js} +5 -26
  162. package/dist/{index-C7meHOM4.js → index-hMlQuoyx.js} +36 -14
  163. package/dist/index.d.ts +9 -0
  164. package/dist/index.js +162 -133
  165. package/dist/{styled-ZpQohvyx.js → styled-BIc9Gu0G.js} +1 -1
  166. package/dist/{styled-BSqC5P9h.js → styled-C4eI47I1.js} +4 -4
  167. package/dist/{styled-DMUiOi24.js → styled-CFTspqJH.js} +2 -2
  168. package/dist/{styled-B0YKfXTz.js → styled-CPUu8mvT.js} +1 -1
  169. package/dist/{styled-03irSJOQ.js → styled-Cep52hpR.js} +1 -1
  170. package/dist/{styled-ODPFCF1a.js → styled-Cq-UMAjp.js} +1 -1
  171. package/dist/{styled-CYugcGtx.js → styled-DINwm57V.js} +1 -1
  172. package/dist/styled-DPHfwWsx.js +78 -0
  173. package/dist/{styled-Cqp2oSjW.js → styled-a-XazLSM.js} +3 -3
  174. package/dist/{tags-DI6H1biK.js → tags-D0ExIPLD.js} +4 -2
  175. package/package.json +1 -1
  176. package/dist/components/Carousel/utils/useScrollSpy.d.ts +0 -2
  177. package/dist/filterProps-Cewck8OH.js +0 -13
  178. package/dist/index-Cbojl4_Q.js +0 -7134
package/README.md CHANGED
@@ -1,4 +1,3 @@
1
1
  # Highly experimental build
2
2
 
3
3
  Very likely no one will use this build in production.
4
-
@@ -2,7 +2,7 @@ const fontWeightLight = "light";
2
2
  const fontWeightRegular = "regular";
3
3
  const fontWeightBold = "bold";
4
4
  export {
5
- fontWeightLight as a,
6
- fontWeightRegular as b,
5
+ fontWeightRegular as a,
6
+ fontWeightLight as b,
7
7
  fontWeightBold as f
8
8
  };
@@ -0,0 +1,83 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import styled from "styled-components";
3
+ const iconSizeXl = "iconSizeXl";
4
+ const iconSize2xl = "iconSize2xl";
5
+ const iconSize3xl = "iconSize3xl";
6
+ const iconSize4xl = "iconSize4xl";
7
+ const iconSize5xl = "iconSize5xl";
8
+ const IconWithAccent = [iconSizeXl, iconSize2xl, iconSize3xl, iconSize4xl, iconSize5xl];
9
+ const inlineIconModeStroke = "stroke";
10
+ const InlineIconStyled = styled.svg.withConfig({
11
+ displayName: "InlineIconStyled",
12
+ componentId: "sc-1yvjncn-0"
13
+ })({
14
+ display: "flex"
15
+ }, ({
16
+ $coloringMode = inlineIconModeStroke
17
+ }) => {
18
+ const complimentaryColoringMode = "fill" === $coloringMode ? "stroke" : "fill";
19
+ const svgChildrenCss = {
20
+ strokeLinecap: "round",
21
+ strokeLinejoin: "round",
22
+ strokeWidth: "8"
23
+ };
24
+ svgChildrenCss[`${complimentaryColoringMode}`] = "none";
25
+ const cssObject = {
26
+ "& path, & line, & polyline, & circle, & ellipse, & polygon, & rect": svgChildrenCss
27
+ };
28
+ cssObject[`${$coloringMode}`] = "currentcolor";
29
+ return cssObject;
30
+ }, ({
31
+ size
32
+ }) => {
33
+ if (!IconWithAccent.includes(size)) {
34
+ return {};
35
+ }
36
+ return {
37
+ "& .accent": {
38
+ stroke: "var(--colorIconBrand)"
39
+ }
40
+ };
41
+ }, ({
42
+ size
43
+ }) => ({
44
+ width: `var(--${size})`,
45
+ height: `var(--${size})`
46
+ }), ({
47
+ bottomSpacing
48
+ }) => {
49
+ if (!bottomSpacing) {
50
+ return {};
51
+ }
52
+ return {
53
+ marginBottom: `var(--spacing${bottomSpacing})`
54
+ };
55
+ });
56
+ const InlineIcon = ({
57
+ className,
58
+ alt = "",
59
+ coloringMode = inlineIconModeStroke,
60
+ viewBox = "0 0 192 192",
61
+ ...props
62
+ }) => {
63
+ return /* @__PURE__ */ jsxs(InlineIconStyled, { ...props, className, $coloringMode: coloringMode, version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox, xmlSpace: "preserve", ..."" === alt ? {
64
+ "aria-hidden": true
65
+ } : {}, children: [
66
+ "" !== alt && /* @__PURE__ */ jsx("title", { children: alt }),
67
+ props.children
68
+ ] });
69
+ };
70
+ const NotificationErrorIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(
71
+ InlineIcon,
72
+ {
73
+ ...props,
74
+ coloringMode: "fill",
75
+ viewBox: "0 0 32 32",
76
+ className,
77
+ children: /* @__PURE__ */ jsx("path", { d: "M28.845 22.7267L19.5116 5.44168C19.1673 4.8116 18.6596 4.28583 18.0421 3.91955C17.4245 3.55327 16.7197 3.35999 16.0016 3.35999C15.2836 3.35999 14.5788 3.55327 13.9612 3.91955C13.3436 4.28583 12.836 4.8116 12.4916 5.44168L3.15828 22.72C2.82502 23.3291 2.65603 24.0145 2.66795 24.7087C2.67986 25.4029 2.87227 26.082 3.22624 26.6793C3.58021 27.2766 4.08356 27.7715 4.68678 28.1153C5.29 28.459 5.97231 28.6399 6.66662 28.64H25.3333C26.0269 28.6398 26.7086 28.4593 27.3114 28.1161C27.9142 27.7729 28.4173 27.2788 28.7715 26.6824C29.1257 26.086 29.3187 25.4078 29.3315 24.7143C29.3444 24.0208 29.1767 23.3358 28.845 22.7267ZM15.3333 10.6433C15.3333 10.4665 15.4035 10.297 15.5285 10.1719C15.6536 10.0469 15.8231 9.97668 16 9.97668C16.1768 9.97668 16.3463 10.0469 16.4714 10.1719C16.5964 10.297 16.6666 10.4665 16.6666 10.6433V20.06C16.6666 20.2368 16.5964 20.4064 16.4714 20.5314C16.3463 20.6564 16.1768 20.7267 16 20.7267C15.8231 20.7267 15.6536 20.6564 15.5285 20.5314C15.4035 20.4064 15.3333 20.2368 15.3333 20.06V10.6433ZM16 24.1433C15.8351 24.1433 15.674 24.0945 15.537 24.0029C15.3999 23.9113 15.2931 23.7812 15.2301 23.6289C15.167 23.4766 15.1505 23.3091 15.1826 23.1474C15.2148 22.9858 15.2942 22.8373 15.4107 22.7208C15.5272 22.6042 15.6757 22.5248 15.8374 22.4927C15.999 22.4605 16.1666 22.477 16.3189 22.5401C16.4711 22.6032 16.6013 22.71 16.6928 22.847C16.7844 22.9841 16.8333 23.1452 16.8333 23.31C16.832 23.5302 16.7436 23.7408 16.5874 23.896C16.4313 24.0512 16.2201 24.1384 16 24.1383V24.1433Z" })
78
+ }
79
+ );
80
+ export {
81
+ InlineIcon as I,
82
+ NotificationErrorIcon as N
83
+ };