@vodafone_de/brix-components 7.0.2 → 7.0.4

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 (55) hide show
  1. package/README.md +0 -1
  2. package/dist/components/Badge/index.js +1 -1
  3. package/dist/components/Button/index.js +2 -2
  4. package/dist/components/ButtonAsLink/index.js +1 -1
  5. package/dist/components/ButtonGroup/index.js +1 -1
  6. package/dist/components/ConsentMessage/index.js +106 -0
  7. package/dist/components/{GoogleMap/components/ConsentMessage → ConsentMessage}/props.d.ts +12 -3
  8. package/dist/components/{GoogleMap/components/ConsentMessage → ConsentMessage}/styled.d.ts +4 -3
  9. package/dist/components/DiscoveryCard/index.js +2 -2
  10. package/dist/components/DiscoveryCard/styled.d.ts +1 -1
  11. package/dist/components/DiscoveryCardGroup/index.js +1 -1
  12. package/dist/components/GoogleMap/index.js +4 -92
  13. package/dist/components/GoogleMap/mapBackground.d.ts +6 -0
  14. package/dist/components/GoogleMap/props.d.ts +1 -1
  15. package/dist/components/IconButton/index.js +1 -1
  16. package/dist/components/IconSnippet/styled.d.ts +1 -1
  17. package/dist/components/ImageHeader/index.js +1 -1
  18. package/dist/components/ImageHeader/styled.d.ts +4 -4
  19. package/dist/components/InlineLink/index.js +1 -1
  20. package/dist/components/Link/index.js +1 -1
  21. package/dist/components/LinkAsButton/index.js +1 -1
  22. package/dist/components/LinkListItem/index.js +1 -1
  23. package/dist/components/LinkListItem/styled.d.ts +1 -1
  24. package/dist/components/PickerGroup/index.js +1 -1
  25. package/dist/components/Price/styled.d.ts +1 -1
  26. package/dist/components/ProductCard/index.js +1 -1
  27. package/dist/components/Rating/assets/StarSVG.d.ts +3 -0
  28. package/dist/components/Rating/index.d.ts +6 -0
  29. package/dist/components/Rating/index.js +154 -0
  30. package/dist/components/Rating/props.d.ts +22 -0
  31. package/dist/components/Rating/styled.d.ts +6 -0
  32. package/dist/components/SearchInput/index.js +1 -1
  33. package/dist/components/Stepper/index.js +1 -1
  34. package/dist/components/TimeInput/index.d.ts +4 -0
  35. package/dist/components/TimeInput/index.js +104 -0
  36. package/dist/components/TimeInput/props.d.ts +13 -0
  37. package/dist/components/TimeInput/styled.d.ts +6 -0
  38. package/dist/components/YoutubeVideo/index.d.ts +6 -0
  39. package/dist/components/YoutubeVideo/index.js +85 -0
  40. package/dist/components/YoutubeVideo/props.d.ts +40 -0
  41. package/dist/components/YoutubeVideo/styled.d.ts +3 -0
  42. package/dist/components/YoutubeVideo/youtubeVideoBackground.d.ts +6 -0
  43. package/dist/foundations/GlobalStyle/index.d.ts +1 -3
  44. package/dist/foundations/GlobalStyle/index.js +1 -4
  45. package/dist/hooks/useViewport/index.js +5 -22
  46. package/dist/{index-DhnCGoB_.js → index-C5GzK6_0.js} +1 -1
  47. package/dist/{index-VyKg-44v.js → index-C7meHOM4.js} +1 -1
  48. package/dist/index-Cs0Hw0dj.js +25 -0
  49. package/dist/{index-B7B_2CjL.js → index-ZHkR70j3.js} +0 -2
  50. package/dist/index.d.ts +8 -0
  51. package/dist/index.js +144 -131
  52. package/dist/{styled-CuLmB_mg.js → styled-BSqC5P9h.js} +1 -1
  53. package/package.json +1 -1
  54. package/dist/components/GoogleMap/components/ConsentMessage/bg.d.ts +0 -6
  55. /package/dist/components/{GoogleMap/components/ConsentMessage → ConsentMessage}/index.d.ts +0 -0
@@ -0,0 +1,25 @@
1
+ import { useState, useEffect } from "react";
2
+ import { l as largeMediaQuery, m as mediumMediaQuery } from "./index-Ck2bCrhT.js";
3
+ import { useMediaQuery } from "./hooks/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
+ };
22
+ export {
23
+ useViewport as u,
24
+ viewportSm as v
25
+ };
@@ -64,14 +64,12 @@ const BadgeStyled = styled.span.withConfig({
64
64
  color: foregroundColor
65
65
  };
66
66
  }, getBottomSpacing);
67
- const SECRET = "chpt_619be55aeaf9c59";
68
67
  const Badge = ({
69
68
  children,
70
69
  bottomSpacing = spacingMd,
71
70
  ...props
72
71
  }) => /* @__PURE__ */ jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
73
72
  props.icon ? /* @__PURE__ */ jsx(IconLoader, { name: props.icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
74
- SECRET,
75
73
  renderInlineRichTextFromOpenText(children)
76
74
  ] });
77
75
  export {
package/dist/index.d.ts CHANGED
@@ -1,5 +1,9 @@
1
+ export * from './components/YoutubeVideo';
2
+ export { default as YoutubeVideo } from './components/YoutubeVideo';
1
3
  export * from './components/Tray';
2
4
  export { default as Tray } from './components/Tray';
5
+ export * from './components/TimeInput';
6
+ export { default as TimeInput } from './components/TimeInput';
3
7
  export * from './components/Textarea';
4
8
  export { default as Textarea } from './components/Textarea';
5
9
  export * from './components/TextList';
@@ -22,6 +26,8 @@ export * from './components/RichText';
22
26
  export { default as RichText } from './components/RichText';
23
27
  export * from './components/ResponsiveImage';
24
28
  export { default as ResponsiveImage } from './components/ResponsiveImage';
29
+ export * from './components/Rating';
30
+ export { default as Rating } from './components/Rating';
25
31
  export * from './components/RadioGroup';
26
32
  export { default as RadioGroup } from './components/RadioGroup';
27
33
  export * from './components/ProductCard';
@@ -110,6 +116,8 @@ export * from './components/DateInput';
110
116
  export { default as DateInput } from './components/DateInput';
111
117
  export * from './components/Container';
112
118
  export { default as Container } from './components/Container';
119
+ export * from './components/ConsentMessage';
120
+ export { default as ConsentMessage } from './components/ConsentMessage';
113
121
  export * from './components/ColorSwatchGroup';
114
122
  export { default as ColorSwatchGroup } from './components/ColorSwatchGroup';
115
123
  export * from './components/ColorSwatch';
package/dist/index.js CHANGED
@@ -1,72 +1,76 @@
1
- import { default as default2 } from "./components/Tray/index.js";
2
- import { default as default3 } from "./components/Textarea/index.js";
1
+ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } from "./components/YoutubeVideo/index.js";
2
+ import { default as default3 } from "./components/Tray/index.js";
3
+ import { default as default4 } from "./components/TimeInput/index.js";
4
+ import { default as default5 } from "./components/Textarea/index.js";
3
5
  import { R, T, a } from "./index-BeSd-V81.js";
4
6
  import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-aUJfXBUI.js";
5
- import { default as default4 } from "./components/Switch/index.js";
6
- import { default as default5 } from "./components/SuggestInput/index.js";
7
- import { default as default6 } from "./components/Stepper/index.js";
8
- import { default as default7 } from "./components/SelectInput/index.js";
9
- import { default as default8 } from "./components/SearchInput/index.js";
7
+ import { default as default6 } from "./components/Switch/index.js";
8
+ import { default as default7 } from "./components/SuggestInput/index.js";
9
+ import { default as default8 } from "./components/Stepper/index.js";
10
+ import { default as default9 } from "./components/SelectInput/index.js";
11
+ import { default as default10 } from "./components/SearchInput/index.js";
10
12
  import { S } from "./index-DQhtQZ85.js";
11
- import { default as default9 } from "./components/ResponsiveImage/index.js";
12
- import { default as default10 } from "./components/RadioGroup/index.js";
13
- import { default as default11 } from "./components/ProductCard/index.js";
14
- import { default as default12 } from "./components/PickerGroup/index.js";
15
- import { default as default13, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
16
- import { default as default14, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
17
- import { default as default15 } from "./components/LoadingSpinner/index.js";
18
- import { default as default16, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
19
- import { default as default17, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
20
- import { L } from "./index-DhnCGoB_.js";
21
- import { default as default18 } from "./components/Link/index.js";
22
- import { default as default19 } from "./components/Legend/index.js";
23
- import { default as default20 } from "./components/Label/index.js";
24
- import { default as default21 } from "./components/Input/index.js";
25
- import { default as default22 } from "./components/InlineLink/index.js";
26
- import { default as default23, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
27
- import { default as default24, 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";
28
- import { default as default25 } from "./components/IconSnippetList/index.js";
29
- import { default as default26, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
30
- import { default as default27, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
31
- import { default as default28, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
32
- import { default as default29 } from "./components/HifiIcon/index.js";
33
- import { default as default30, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
34
- import { default as default31 } from "./components/GridItem/index.js";
35
- import { default as default32 } from "./components/Grid/index.js";
36
- import { default as default33 } from "./components/GoogleMap/index.js";
37
- import { default as default34, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
38
- import { default as default35 } from "./components/FormHelperMessage/index.js";
39
- import { default as default36 } from "./components/FormHelperLabel/index.js";
40
- import { default as default37 } from "./components/FormElement/index.js";
41
- import { default as default38 } from "./components/Form/index.js";
42
- import { default as default39 } from "./components/FootnoteLink/index.js";
43
- import { default as default40 } from "./components/FootnoteContent/index.js";
44
- import { default as default41, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
45
- import { default as default42 } from "./components/Flex/index.js";
46
- import { default as default43 } from "./components/FilterGroup/index.js";
47
- import { default as default44 } from "./components/Fieldset/index.js";
48
- import { default as default45 } from "./components/Divider/index.js";
49
- import { default as default46 } from "./components/DiscoveryCardGroup/index.js";
50
- import { default as default47, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
51
- import { default as default48 } from "./components/Dialog/index.js";
52
- import { default as default49 } from "./components/DemoBox/index.js";
53
- import { default as default50 } from "./components/DateInput/index.js";
54
- import { default as default51, ContainerAppearanceColor } from "./components/Container/index.js";
55
- import { default as default52 } from "./components/ColorSwatchGroup/index.js";
56
- import { default as default53, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
57
- import { default as default54 } from "./components/Collapsible/index.js";
58
- import { default as default55 } from "./components/CheckboxGroup/index.js";
59
- import { default as default56 } from "./components/Checkbox/index.js";
60
- import { default as default57 } from "./components/Carousel/index.js";
61
- import { default as default58 } from "./components/Card/index.js";
62
- import { default as default59 } from "./components/ButtonGroup/index.js";
63
- import { B } from "./index-VyKg-44v.js";
64
- import { default as default60, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
65
- import { default as default61 } from "./components/BottomBar/index.js";
66
- import { default as default62, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
67
- import { B as B2, a as a3 } from "./index-B7B_2CjL.js";
68
- import { default as default63 } from "./components/AccordionGroup/index.js";
69
- import { default as default64, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
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 } from "./components/LoadingSpinner/index.js";
21
+ import { default as default19, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
22
+ import { default as default20, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
23
+ import { L } from "./index-C5GzK6_0.js";
24
+ import { default as default21 } from "./components/Link/index.js";
25
+ import { default as default22 } from "./components/Legend/index.js";
26
+ import { default as default23 } from "./components/Label/index.js";
27
+ import { default as default24 } from "./components/Input/index.js";
28
+ import { default as default25 } from "./components/InlineLink/index.js";
29
+ import { default as default26, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
30
+ import { default as default27, 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";
31
+ import { default as default28 } from "./components/IconSnippetList/index.js";
32
+ import { default as default29, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
33
+ import { default as default30, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
34
+ import { default as default31, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
35
+ import { default as default32 } from "./components/HifiIcon/index.js";
36
+ import { default as default33, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
37
+ import { default as default34 } from "./components/GridItem/index.js";
38
+ import { default as default35 } from "./components/Grid/index.js";
39
+ import { default as default36 } from "./components/GoogleMap/index.js";
40
+ import { default as default37, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
41
+ import { default as default38 } from "./components/FormHelperMessage/index.js";
42
+ import { default as default39 } from "./components/FormHelperLabel/index.js";
43
+ import { default as default40 } from "./components/FormElement/index.js";
44
+ import { default as default41 } from "./components/Form/index.js";
45
+ import { default as default42 } from "./components/FootnoteLink/index.js";
46
+ import { default as default43 } from "./components/FootnoteContent/index.js";
47
+ import { default as default44, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
48
+ import { default as default45 } from "./components/Flex/index.js";
49
+ import { default as default46 } from "./components/FilterGroup/index.js";
50
+ import { default as default47 } from "./components/Fieldset/index.js";
51
+ import { default as default48 } from "./components/Divider/index.js";
52
+ import { default as default49 } from "./components/DiscoveryCardGroup/index.js";
53
+ import { default as default50, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
54
+ import { default as default51 } from "./components/Dialog/index.js";
55
+ import { default as default52 } from "./components/DemoBox/index.js";
56
+ import { default as default53 } from "./components/DateInput/index.js";
57
+ import { default as default54, ContainerAppearanceColor } from "./components/Container/index.js";
58
+ import { default as default55 } from "./components/ConsentMessage/index.js";
59
+ import { default as default56 } from "./components/ColorSwatchGroup/index.js";
60
+ import { default as default57, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
61
+ import { default as default58 } from "./components/Collapsible/index.js";
62
+ import { default as default59 } from "./components/CheckboxGroup/index.js";
63
+ import { default as default60 } from "./components/Checkbox/index.js";
64
+ import { default as default61 } from "./components/Carousel/index.js";
65
+ import { default as default62 } from "./components/Card/index.js";
66
+ import { default as default63 } from "./components/ButtonGroup/index.js";
67
+ import { B } from "./index-C7meHOM4.js";
68
+ import { default as default64, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
69
+ import { default as default65 } from "./components/BottomBar/index.js";
70
+ import { default as default66, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
71
+ import { B as B2, a as a3 } from "./index-ZHkR70j3.js";
72
+ import { default as default67 } from "./components/AccordionGroup/index.js";
73
+ import { default as default68, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
70
74
  import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
71
75
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
72
76
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -87,7 +91,7 @@ import { l, m } from "./index-Ck2bCrhT.js";
87
91
  import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
88
92
  import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
89
93
  import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
90
- import { useViewport } from "./hooks/useViewport/index.js";
94
+ import { u } from "./index-Cs0Hw0dj.js";
91
95
  import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
92
96
  import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
93
97
  import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
@@ -97,82 +101,91 @@ import { a as a4, i as i2 } from "./props-DDpgcryb.js";
97
101
  import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
98
102
  import { C } from "./styled-CYugcGtx.js";
99
103
  export {
100
- default64 as Accordion,
101
- default63 as AccordionGroup,
104
+ default68 as Accordion,
105
+ default67 as AccordionGroup,
102
106
  B2 as Badge,
103
107
  a3 as BadgeAppearanceColor,
104
- default62 as Body,
105
- default61 as BottomBar,
106
- default60 as Button,
108
+ default66 as Body,
109
+ default65 as BottomBar,
110
+ default64 as Button,
107
111
  B as ButtonAsLink,
108
- default59 as ButtonGroup,
109
- default58 as Card,
112
+ default63 as ButtonGroup,
113
+ default62 as Card,
110
114
  C as CardAppearanceColor,
111
- default57 as Carousel,
112
- default56 as Checkbox,
113
- default55 as CheckboxGroup,
114
- default54 as Collapsible,
115
- default53 as ColorSwatch,
116
- default52 as ColorSwatchGroup,
117
- default51 as Container,
115
+ default61 as Carousel,
116
+ default60 as Checkbox,
117
+ default59 as CheckboxGroup,
118
+ default58 as Collapsible,
119
+ default57 as ColorSwatch,
120
+ default56 as ColorSwatchGroup,
121
+ default55 as ConsentMessage,
122
+ default54 as Container,
118
123
  ContainerAppearanceColor,
119
- default50 as DateInput,
120
- default49 as DemoBox,
121
- default48 as Dialog,
122
- default47 as DiscoveryCard,
123
- default46 as DiscoveryCardGroup,
124
- default45 as Divider,
125
- default44 as Fieldset,
126
- default43 as FilterGroup,
127
- default42 as Flex,
128
- default41 as FlexItem,
129
- default40 as FootnoteContent,
130
- default39 as FootnoteLink,
131
- default38 as Form,
132
- default37 as FormElement,
133
- default36 as FormHelperLabel,
134
- default35 as FormHelperMessage,
135
- default34 as FormHelperStatusIcon,
124
+ default53 as DateInput,
125
+ default52 as DemoBox,
126
+ default51 as Dialog,
127
+ default50 as DiscoveryCard,
128
+ default49 as DiscoveryCardGroup,
129
+ default48 as Divider,
130
+ default47 as Fieldset,
131
+ default46 as FilterGroup,
132
+ default45 as Flex,
133
+ default44 as FlexItem,
134
+ default43 as FootnoteContent,
135
+ default42 as FootnoteLink,
136
+ default41 as Form,
137
+ default40 as FormElement,
138
+ default39 as FormHelperLabel,
139
+ default38 as FormHelperMessage,
140
+ default37 as FormHelperStatusIcon,
136
141
  GlobalStyle,
137
- default33 as GoogleMap,
138
- default32 as Grid,
139
- default31 as GridItem,
140
- default30 as Heading,
141
- default29 as HifiIcon,
142
- default28 as Icon,
143
- default27 as IconButton,
144
- default26 as IconSnippet,
145
- default25 as IconSnippetList,
146
- default24 as Image,
147
- default23 as ImageHeader,
148
- default22 as InlineLink,
149
- default21 as Input,
150
- default20 as Label,
151
- default19 as Legend,
152
- default18 as Link,
142
+ default36 as GoogleMap,
143
+ default35 as Grid,
144
+ default34 as GridItem,
145
+ default33 as Heading,
146
+ HiddenRadioStyled,
147
+ default32 as HifiIcon,
148
+ default31 as Icon,
149
+ default30 as IconButton,
150
+ default29 as IconSnippet,
151
+ default28 as IconSnippetList,
152
+ default27 as Image,
153
+ default26 as ImageHeader,
154
+ default25 as InlineLink,
155
+ default24 as Input,
156
+ default23 as Label,
157
+ default22 as Legend,
158
+ default21 as Link,
153
159
  L as LinkAsButton,
154
- default17 as LinkList,
155
- default16 as LinkListItem,
156
- default15 as LoadingSpinner,
157
- default14 as Notification,
158
- default13 as Overlay,
159
- default12 as PickerGroup,
160
+ default20 as LinkList,
161
+ default19 as LinkListItem,
162
+ default18 as LoadingSpinner,
163
+ default17 as Notification,
164
+ default16 as Overlay,
165
+ default15 as PickerGroup,
160
166
  P as Price,
161
- default11 as ProductCard,
162
- default10 as RadioGroup,
163
- default9 as ResponsiveImage,
167
+ default14 as ProductCard,
168
+ default13 as RadioGroup,
169
+ default12 as Rating,
170
+ default11 as ResponsiveImage,
164
171
  R as RichText,
165
172
  S as ScreenreaderOnly,
166
- default8 as SearchInput,
167
- default7 as SelectInput,
168
- default6 as Stepper,
169
- default5 as SuggestInput,
170
- default4 as Switch,
173
+ default10 as SearchInput,
174
+ default9 as SelectInput,
175
+ StarLabelStyled,
176
+ StarsWrapperStyled,
177
+ default8 as Stepper,
178
+ default7 as SuggestInput,
179
+ default6 as Switch,
171
180
  T2 as TabularPrice,
172
181
  T as TextList,
173
182
  a as TextListItem,
174
- default3 as Textarea,
175
- default2 as Tray,
183
+ default5 as Textarea,
184
+ default4 as TimeInput,
185
+ default3 as Tray,
186
+ default2 as YoutubeVideo,
187
+ YoutubeVideoIframeStyled,
188
+ YoutubeVideoStyled,
176
189
  accordionToggleCollapsed,
177
190
  accordionToggleCollapsing,
178
191
  accordionToggleExpanded,
@@ -285,5 +298,5 @@ export {
285
298
  useMediaQuery,
286
299
  useReducedMotion,
287
300
  useThirdPartyConsent,
288
- useViewport
301
+ u as useViewport
289
302
  };
@@ -21,7 +21,7 @@ import { getSpacing } from "./foundations/token/getSpacing/index.js";
21
21
  import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
22
22
  import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
23
23
  import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
24
- import { s as spacingMd, a as spacingXs, d as spacingXl, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
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";
26
26
  import { f as filterProps } from "./filterProps-Cewck8OH.js";
27
27
  const leftPosition = "left";
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.2",
4
+ "version": "7.0.4",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {
@@ -1,6 +0,0 @@
1
- /**
2
- * This file contains the background map for the consent message as base 64 encoded gif
3
- * Even if that is relativly small,
4
- * that would be an ideal candidat for lasy loading ;)
5
- */
6
- export declare const mapBG = "R0lGODlhjABPANUAAJfU/sHeosfhrOj1/tXezKvYyqXX+9Xu/7XasbDd/cno/bvj/vP47M7ltNDe6Nrg1e/25s3eu/f7897uzdbpweDl29LnuvL6/tTr5+by2rra7qTX4cvlxczn1eHx5Onv4+ry4b/i4tTpy+/z6uPo7evr7PHx8eXl5uHh4uPj5O3t7unp6v39/fn5+fv7++r04OLw0/v9+drryPX38/j8/97w/PP18fn79/Pz8/X19efn6Pf39+/v8L3cm////9/f4CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDlBQzk4M0VEMjIxMUVGOUMyN0NBQUIzREFFNTdENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDlBQzk4NEVEMjIxMUVGOUMyN0NBQUIzREFFNTdENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNEOUFDOTgxRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4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";