@vodafone_de/brix-components 7.0.18 → 7.0.19

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 (43) hide show
  1. package/dist/components/Button/index.js +1 -1
  2. package/dist/components/ButtonAsLink/index.js +2 -1
  3. package/dist/components/DemoBox/index.js +1 -1
  4. package/dist/components/Dialog/index.js +3 -2
  5. package/dist/components/DiscoveryCard/index.js +1 -1
  6. package/dist/components/IconSnippet/index.js +1 -1
  7. package/dist/components/ImageHeader/index.js +2 -1
  8. package/dist/components/InfoBanner/index.d.ts +5 -0
  9. package/dist/components/InfoBanner/index.js +86 -0
  10. package/dist/components/InfoBanner/props.d.ts +32 -0
  11. package/dist/components/InfoBanner/styled.d.ts +2 -0
  12. package/dist/components/InlineLink/index.js +2 -1
  13. package/dist/components/Legend/index.js +1 -1
  14. package/dist/components/Link/index.js +2 -1
  15. package/dist/components/LinkListItem/index.js +2 -1
  16. package/dist/components/LocalStyle/index.d.ts +12 -0
  17. package/dist/components/LocalStyle/index.js +20 -0
  18. package/dist/components/LocalStyle/props.d.ts +5 -0
  19. package/dist/components/LocalStyle/styled.d.ts +2 -0
  20. package/dist/components/MediaText/index.js +2 -1
  21. package/dist/components/Notification/index.js +1 -1
  22. package/dist/components/OpenTextFootnoteAdapter/index.js +1 -1
  23. package/dist/components/QuickLinkList/components/QuickLink/styled.d.ts +1 -1
  24. package/dist/components/QuickLinkList/index.js +55 -48
  25. package/dist/components/RadioGroup/index.js +1 -0
  26. package/dist/components/RichText/index.js +1 -1
  27. package/dist/components/RichtTextContentful/index.js +1 -1
  28. package/dist/components/SuggestInput/index.js +5 -4
  29. package/dist/components/TabGroup/index.js +15 -15
  30. package/dist/components/TabGroup/props.d.ts +29 -34
  31. package/dist/components/TabGroup/styled.d.ts +2 -2
  32. package/dist/components/TextList/index.js +1 -1
  33. package/dist/cssVars-C3-c3zhv.js +726 -0
  34. package/dist/foundations/GlobalStyle/index.d.ts +1 -0
  35. package/dist/foundations/GlobalStyle/index.js +211 -217
  36. package/dist/foundations/cssVars.d.ts +1 -0
  37. package/dist/{index-Cy0Uf6Y5.js → index-CVHmFLr5.js} +2 -6
  38. package/dist/index-DR3e19BE.js +7 -0
  39. package/dist/{index-Dy21IAhD.js → index-DSTYuyEd.js} +2 -1
  40. package/dist/index.d.ts +4 -0
  41. package/dist/index.js +120 -112
  42. package/dist/sanitizeLinkProps-D2Kkovy1.js +12 -0
  43. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2,9 +2,9 @@ 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-Cy0Uf6Y5.js";
5
+ import { R, T, a } from "./index-CVHmFLr5.js";
6
6
  import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-C8lpS44n.js";
7
- import { PanelStyled, default as default6, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, tabGroupWidthAuto, tabGroupWidthFull, tabOrientationHorizontal, tabOrientationVertical } from "./components/TabGroup/index.js";
7
+ import { PanelStyled, default as default6, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
8
8
  import { default as default7 } from "./components/Switch/index.js";
9
9
  import { default as default8 } from "./components/SuggestInput/index.js";
10
10
  import { default as default9 } from "./components/Stepper/index.js";
@@ -23,62 +23,64 @@ import { default as default20, overlayAppearancePrimary, overlayAppearanceSecond
23
23
  import { default as default21 } from "./components/OpenTextFootnoteAdapter/index.js";
24
24
  import { default as default22, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
25
25
  import { default as default23, mediaTextPositionLeft, mediaTextPositionRight, mediaTextPositionTop } from "./components/MediaText/index.js";
26
- import { default as default24 } from "./components/LoadingSpinner/index.js";
27
- import { default as default25 } from "./components/LinkListItem/index.js";
28
- import { default as default26 } from "./components/LinkList/index.js";
26
+ import { default as default24 } from "./components/LocalStyle/index.js";
27
+ import { default as default25 } from "./components/LoadingSpinner/index.js";
28
+ import { default as default26 } from "./components/LinkListItem/index.js";
29
+ import { default as default27 } from "./components/LinkList/index.js";
29
30
  import { L } from "./index-R87ALCWk.js";
30
- import { default as default27 } from "./components/Link/index.js";
31
- import { default as default28 } from "./components/Legend/index.js";
32
- import { default as default29 } from "./components/Label/index.js";
33
- import { default as default30 } from "./components/Input/index.js";
34
- import { default as default31 } from "./components/InlineLink/index.js";
35
- import { default as default32 } from "./components/InlineIcon/index.js";
36
- import { default as default33, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
37
- import { default as default34, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9, aspectRatio4_3, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
38
- import { default as default35 } from "./components/IconSnippetList/index.js";
39
- import { default as default36, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
31
+ import { default as default28 } from "./components/Link/index.js";
32
+ import { default as default29 } from "./components/Legend/index.js";
33
+ import { default as default30 } from "./components/Label/index.js";
34
+ import { default as default31 } from "./components/Input/index.js";
35
+ import { default as default32 } from "./components/InlineLink/index.js";
36
+ import { default as default33 } from "./components/InlineIcon/index.js";
37
+ import { default as default34, infoBannerAppearancePrimary, infoBannerAppearanceSecondary, infoBannerAppearanceTertiary } from "./components/InfoBanner/index.js";
38
+ import { default as default35, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
39
+ import { default as default36, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9, aspectRatio4_3, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
40
+ import { default as default37 } from "./components/IconSnippetList/index.js";
41
+ import { default as default38, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
40
42
  import { I, i, a as a3, v } from "./index-BdUFiKHr.js";
41
- import { default as default37, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
42
- import { default as default38, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
43
- import { default as default39 } from "./components/HifiIcon/index.js";
44
- import { default as default40, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
45
- import { default as default41, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
46
- import { default as default42, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
47
- import { default as default43 } from "./components/GoogleMap/index.js";
48
- import { default as default44, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
49
- import { default as default45 } from "./components/FormHelperMessage/index.js";
50
- import { default as default46 } from "./components/FormHelperLabel/index.js";
51
- import { default as default47 } from "./components/FormElement/index.js";
52
- import { default as default48 } from "./components/Form/index.js";
53
- import { default as default49 } from "./components/FootnoteLink/index.js";
54
- import { default as default50 } from "./components/FootnoteContent/index.js";
55
- import { default as default51, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
56
- import { default as default52 } from "./components/Flex/index.js";
57
- import { default as default53 } from "./components/FilterGroup/index.js";
58
- import { default as default54 } from "./components/Fieldset/index.js";
59
- import { default as default55 } from "./components/Divider/index.js";
60
- import { default as default56 } from "./components/DiscoveryCardGroup/index.js";
61
- import { default as default57, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
62
- import { default as default58 } from "./components/Dialog/index.js";
63
- import { default as default59 } from "./components/DemoBox/index.js";
64
- import { default as default60 } from "./components/DateInput/index.js";
65
- import { default as default61, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
66
- import { default as default62 } from "./components/ConsentMessage/index.js";
67
- import { default as default63 } from "./components/ColorSwatchGroup/index.js";
68
- import { default as default64, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
69
- import { default as default65 } from "./components/Collapsible/index.js";
70
- import { default as default66 } from "./components/CheckboxGroup/index.js";
71
- import { default as default67 } from "./components/Checkbox/index.js";
72
- import { default as default68 } from "./components/Carousel/index.js";
73
- import { default as default69 } from "./components/Card/index.js";
74
- import { default as default70 } from "./components/ButtonGroup/index.js";
75
- import { B } from "./index-Dy21IAhD.js";
76
- import { default as default71, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
77
- import { default as default72 } from "./components/BottomBar/index.js";
78
- import { default as default73, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
79
- import { default as default74, badgeAppearances, badgeSizes, isBadgeProps, validateBadgeProps } from "./components/Badge/index.js";
80
- import { default as default75 } from "./components/AccordionGroup/index.js";
81
- import { default as default76, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
43
+ import { default as default39, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
44
+ import { default as default40, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
45
+ import { default as default41 } from "./components/HifiIcon/index.js";
46
+ import { default as default42, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
47
+ import { default as default43, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
48
+ import { default as default44, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
49
+ import { default as default45 } from "./components/GoogleMap/index.js";
50
+ import { default as default46, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
51
+ import { default as default47 } from "./components/FormHelperMessage/index.js";
52
+ import { default as default48 } from "./components/FormHelperLabel/index.js";
53
+ import { default as default49 } from "./components/FormElement/index.js";
54
+ import { default as default50 } from "./components/Form/index.js";
55
+ import { default as default51 } from "./components/FootnoteLink/index.js";
56
+ import { default as default52 } from "./components/FootnoteContent/index.js";
57
+ import { default as default53, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
58
+ import { default as default54 } from "./components/Flex/index.js";
59
+ import { default as default55 } from "./components/FilterGroup/index.js";
60
+ import { default as default56 } from "./components/Fieldset/index.js";
61
+ import { default as default57 } from "./components/Divider/index.js";
62
+ import { default as default58 } from "./components/DiscoveryCardGroup/index.js";
63
+ import { default as default59, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
64
+ import { default as default60 } from "./components/Dialog/index.js";
65
+ import { default as default61 } from "./components/DemoBox/index.js";
66
+ import { default as default62 } from "./components/DateInput/index.js";
67
+ import { default as default63, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
68
+ import { default as default64 } from "./components/ConsentMessage/index.js";
69
+ import { default as default65 } from "./components/ColorSwatchGroup/index.js";
70
+ import { default as default66, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
71
+ import { default as default67 } from "./components/Collapsible/index.js";
72
+ import { default as default68 } from "./components/CheckboxGroup/index.js";
73
+ import { default as default69 } from "./components/Checkbox/index.js";
74
+ import { default as default70 } from "./components/Carousel/index.js";
75
+ import { default as default71 } from "./components/Card/index.js";
76
+ import { default as default72 } from "./components/ButtonGroup/index.js";
77
+ import { B } from "./index-DSTYuyEd.js";
78
+ import { default as default73, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
79
+ import { default as default74 } from "./components/BottomBar/index.js";
80
+ import { default as default75, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
81
+ import { default as default76, badgeAppearances, badgeSizes, isBadgeProps, validateBadgeProps } from "./components/Badge/index.js";
82
+ import { default as default77 } from "./components/AccordionGroup/index.js";
83
+ import { default as default78, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
82
84
  import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
83
85
  import { getTextColor } from "./foundations/token/getTextColor/index.js";
84
86
  import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -98,7 +100,7 @@ import { getBackgroundColor } from "./foundations/token/getBackgroundColor/index
98
100
  import { l, m } from "./index-Ck2bCrhT.js";
99
101
  import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
100
102
  import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
101
- import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
103
+ import { GlobalStyle, cssReset } from "./foundations/GlobalStyle/index.js";
102
104
  import { u } from "./index-G2mpsxF7.js";
103
105
  import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
104
106
  import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
@@ -120,74 +122,76 @@ import { C } from "./styled-jl0239KS.js";
120
122
  import { C as C2 } from "./styled-1OrCdMDT.js";
121
123
  import { B as B2, p as p2, s, a as a10, t } from "./styled-B-_SmQSA.js";
122
124
  export {
123
- default76 as Accordion,
124
- default75 as AccordionGroup,
125
- default74 as Badge,
125
+ default78 as Accordion,
126
+ default77 as AccordionGroup,
127
+ default76 as Badge,
126
128
  B2 as BadgeAppearanceColor,
127
- default73 as Body,
128
- default72 as BottomBar,
129
- default71 as Button,
129
+ default75 as Body,
130
+ default74 as BottomBar,
131
+ default73 as Button,
130
132
  B as ButtonAsLink,
131
- default70 as ButtonGroup,
132
- default69 as Card,
133
+ default72 as ButtonGroup,
134
+ default71 as Card,
133
135
  C2 as CardAppearanceColor,
134
- default68 as Carousel,
135
- default67 as Checkbox,
136
- default66 as CheckboxGroup,
137
- default65 as Collapsible,
138
- default64 as ColorSwatch,
139
- default63 as ColorSwatchGroup,
140
- default62 as ConsentMessage,
141
- default61 as Container,
136
+ default70 as Carousel,
137
+ default69 as Checkbox,
138
+ default68 as CheckboxGroup,
139
+ default67 as Collapsible,
140
+ default66 as ColorSwatch,
141
+ default65 as ColorSwatchGroup,
142
+ default64 as ConsentMessage,
143
+ default63 as Container,
142
144
  C as ContainerAppearanceColor,
143
- default60 as DateInput,
145
+ default62 as DateInput,
144
146
  DefaultLink,
145
- default59 as DemoBox,
146
- default58 as Dialog,
147
- default57 as DiscoveryCard,
148
- default56 as DiscoveryCardGroup,
149
- default55 as Divider,
150
- default54 as Fieldset,
151
- default53 as FilterGroup,
152
- default52 as Flex,
153
- default51 as FlexItem,
154
- default50 as FootnoteContent,
155
- default49 as FootnoteLink,
156
- default48 as Form,
157
- default47 as FormElement,
158
- default46 as FormHelperLabel,
159
- default45 as FormHelperMessage,
160
- default44 as FormHelperStatusIcon,
147
+ default61 as DemoBox,
148
+ default60 as Dialog,
149
+ default59 as DiscoveryCard,
150
+ default58 as DiscoveryCardGroup,
151
+ default57 as Divider,
152
+ default56 as Fieldset,
153
+ default55 as FilterGroup,
154
+ default54 as Flex,
155
+ default53 as FlexItem,
156
+ default52 as FootnoteContent,
157
+ default51 as FootnoteLink,
158
+ default50 as Form,
159
+ default49 as FormElement,
160
+ default48 as FormHelperLabel,
161
+ default47 as FormHelperMessage,
162
+ default46 as FormHelperStatusIcon,
161
163
  GlobalStyle,
162
- default43 as GoogleMap,
163
- default42 as Grid,
164
+ default45 as GoogleMap,
165
+ default44 as Grid,
164
166
  GridContext,
165
- default41 as GridItem,
166
- default40 as Heading,
167
+ default43 as GridItem,
168
+ default42 as Heading,
167
169
  HiddenRadioStyled,
168
- default39 as HifiIcon,
169
- default38 as Icon,
170
- default37 as IconButton,
170
+ default41 as HifiIcon,
171
+ default40 as Icon,
172
+ default39 as IconButton,
171
173
  I as IconLoader,
172
- default36 as IconSnippet,
173
- default35 as IconSnippetList,
174
+ default38 as IconSnippet,
175
+ default37 as IconSnippetList,
174
176
  I2 as IconWithAccent,
175
- default34 as Image,
176
- default33 as ImageHeader,
177
- default32 as InlineIcon,
177
+ default36 as Image,
178
+ default35 as ImageHeader,
179
+ default34 as InfoBanner,
180
+ default33 as InlineIcon,
178
181
  I3 as InlineIconStyled,
179
- default31 as InlineLink,
180
- default30 as Input,
181
- default29 as Label,
182
- default28 as Legend,
183
- default27 as Link,
182
+ default32 as InlineLink,
183
+ default31 as Input,
184
+ default30 as Label,
185
+ default29 as Legend,
186
+ default28 as Link,
184
187
  L as LinkAsButton,
185
188
  LinkContext,
186
- default26 as LinkList,
187
- default25 as LinkListItem,
189
+ default27 as LinkList,
190
+ default26 as LinkListItem,
188
191
  LinkProvider,
189
192
  L2 as LivePreviewInspector,
190
- default24 as LoadingSpinner,
193
+ default25 as LoadingSpinner,
194
+ default24 as LocalStyle,
191
195
  default23 as MediaText,
192
196
  default22 as Notification,
193
197
  default21 as OpenTextFootnoteAdapter,
@@ -257,6 +261,7 @@ export {
257
261
  containerAppearances,
258
262
  containerPaddings,
259
263
  c as createScreenReaderText,
264
+ cssReset,
260
265
  discoveryCardOrientationHorizontal,
261
266
  discoveryCardOrientationVertical,
262
267
  flexItemAutoGrow,
@@ -300,6 +305,8 @@ export {
300
305
  horizontalAlignmentRight,
301
306
  iconButtonShapeCircle,
302
307
  iconButtonShapeSquare,
308
+ iconPositionLeft,
309
+ iconPositionTop,
303
310
  f2 as iconSize2xl,
304
311
  i3 as iconSize2xs,
305
312
  g2 as iconSize3xl,
@@ -326,6 +333,9 @@ export {
326
333
  imageHeaderPositionRight,
327
334
  imageHeaderVariantFull,
328
335
  imageHeaderVariantSplit,
336
+ infoBannerAppearancePrimary,
337
+ infoBannerAppearanceSecondary,
338
+ infoBannerAppearanceTertiary,
329
339
  k as inlineIconModeFill,
330
340
  l4 as inlineIconModeStroke,
331
341
  a6 as inputStateError,
@@ -378,8 +388,6 @@ export {
378
388
  a10 as successBadgeAppearance,
379
389
  tabGroupWidthAuto,
380
390
  tabGroupWidthFull,
381
- tabOrientationHorizontal,
382
- tabOrientationVertical,
383
391
  t as tertiaryBadgeAppearance,
384
392
  useFocusWithin,
385
393
  useForcedColors,
@@ -0,0 +1,12 @@
1
+ const sanitizeLinkProps = (props) => {
2
+ if ("_blank" === (props == null ? void 0 : props.target)) {
3
+ return {
4
+ ...props,
5
+ rel: "noopener noreferrer"
6
+ };
7
+ }
8
+ return props;
9
+ };
10
+ export {
11
+ sanitizeLinkProps as s
12
+ };
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.18",
4
+ "version": "7.0.19",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {