@vodafone_de/brix-components 7.0.3 → 7.0.5
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.
- package/README.md +0 -1
- package/dist/{FontWeight-CR22KTex.js → FontWeight-DEBGHbtO.js} +2 -2
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Body/index.js +1 -1
- package/dist/components/Button/index.js +2 -2
- package/dist/components/ButtonAsLink/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/ConsentMessage/index.js +1 -1
- package/dist/components/ConsentMessage/styled.d.ts +1 -1
- package/dist/components/DemoBox/index.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dialog/styled.d.ts +1 -1
- package/dist/components/DiscoveryCard/index.js +5 -5
- package/dist/components/DiscoveryCard/styled.d.ts +1 -1
- package/dist/components/DiscoveryCardGroup/index.js +1 -1
- package/dist/components/GoogleMap/styled.d.ts +1 -1
- package/dist/components/Heading/index.js +1 -1
- package/dist/components/IconButton/index.js +1 -1
- package/dist/components/IconSnippet/index.js +1 -1
- package/dist/components/IconSnippet/styled.d.ts +1 -1
- package/dist/components/ImageHeader/index.js +5 -4
- package/dist/components/ImageHeader/styled.d.ts +4 -4
- package/dist/components/InlineLink/index.js +1 -1
- package/dist/components/Legend/index.js +1 -1
- package/dist/components/Link/index.js +1 -1
- package/dist/components/LinkAsButton/index.js +1 -1
- package/dist/components/LinkListItem/index.js +1 -1
- package/dist/components/MediaText/index.d.ts +5 -0
- package/dist/components/MediaText/index.js +123 -0
- package/dist/components/MediaText/props.d.ts +42 -0
- package/dist/components/MediaText/styled.d.ts +4 -0
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PickerGroup/index.js +2 -2
- package/dist/components/Price/index.js +1 -1
- package/dist/components/ProductCard/index.js +3 -3
- package/dist/components/Rating/assets/StarSVG.d.ts +3 -0
- package/dist/components/Rating/index.d.ts +6 -0
- package/dist/components/Rating/index.js +154 -0
- package/dist/components/Rating/props.d.ts +22 -0
- package/dist/components/Rating/styled.d.ts +6 -0
- package/dist/components/RichText/index.js +1 -1
- package/dist/components/SearchInput/index.js +1 -1
- package/dist/components/SearchInput/styled.d.ts +1 -1
- package/dist/components/Stepper/index.js +2 -2
- package/dist/components/TabularPrice/index.js +1 -1
- package/dist/components/TextList/index.js +1 -1
- package/dist/components/Tray/index.js +1 -1
- package/dist/components/YoutubeVideo/index.js +1 -2
- package/dist/hooks/useViewport/index.js +5 -22
- package/dist/{index-C7meHOM4.js → index-57IF0yrd.js} +2 -2
- package/dist/{index-ZHkR70j3.js → index-CKvLGUdD.js} +1 -1
- package/dist/{index-BeSd-V81.js → index-ClmKFtnx.js} +3 -7
- package/dist/index-Cs0Hw0dj.js +25 -0
- package/dist/index-DR3e19BE.js +7 -0
- package/dist/{index-C5GzK6_0.js → index-DrySIh-D.js} +1 -1
- package/dist/{index-aUJfXBUI.js → index-WLBo71sp.js} +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +129 -119
- package/dist/{styled-BSqC5P9h.js → styled-DLS1p_AJ.js} +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
|
|
|
2
2
|
import { default as default3 } from "./components/Tray/index.js";
|
|
3
3
|
import { default as default4 } from "./components/TimeInput/index.js";
|
|
4
4
|
import { default as default5 } from "./components/Textarea/index.js";
|
|
5
|
-
import { R, T, a } from "./index-
|
|
6
|
-
import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-
|
|
5
|
+
import { R, T, a } from "./index-ClmKFtnx.js";
|
|
6
|
+
import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-WLBo71sp.js";
|
|
7
7
|
import { default as default6 } from "./components/Switch/index.js";
|
|
8
8
|
import { default as default7 } from "./components/SuggestInput/index.js";
|
|
9
9
|
import { default as default8 } from "./components/Stepper/index.js";
|
|
@@ -11,65 +11,67 @@ import { default as default9 } from "./components/SelectInput/index.js";
|
|
|
11
11
|
import { default as default10 } from "./components/SearchInput/index.js";
|
|
12
12
|
import { S } from "./index-DQhtQZ85.js";
|
|
13
13
|
import { default as default11 } from "./components/ResponsiveImage/index.js";
|
|
14
|
-
import { default as default12 } from "./components/
|
|
15
|
-
import { default as default13 } from "./components/
|
|
16
|
-
import { default as default14 } from "./components/
|
|
17
|
-
import { default as default15
|
|
18
|
-
import { default as default16,
|
|
19
|
-
import { default as default17 } from "./components/
|
|
20
|
-
import { default as default18,
|
|
21
|
-
import { default as default19
|
|
22
|
-
import {
|
|
23
|
-
import { default as
|
|
24
|
-
import {
|
|
25
|
-
import { default as default22 } from "./components/
|
|
26
|
-
import { default as default23 } from "./components/
|
|
27
|
-
import { default as default24 } from "./components/
|
|
28
|
-
import { default as default25
|
|
29
|
-
import { default as default26
|
|
30
|
-
import { default as default27 } from "./components/
|
|
31
|
-
import { default as default28,
|
|
32
|
-
import { default as default29
|
|
33
|
-
import { default as default30,
|
|
34
|
-
import { default as default31 } from "./components/
|
|
35
|
-
import { default as default32,
|
|
36
|
-
import { default as default33 } from "./components/
|
|
37
|
-
import { default as default34 } from "./components/
|
|
38
|
-
import { default as default35 } from "./components/
|
|
39
|
-
import { default as default36
|
|
40
|
-
import { default as default37 } from "./components/
|
|
41
|
-
import { default as default38 } from "./components/
|
|
42
|
-
import { default as default39 } from "./components/
|
|
43
|
-
import { default as default40 } from "./components/
|
|
44
|
-
import { default as default41 } from "./components/
|
|
45
|
-
import { default as default42 } from "./components/
|
|
46
|
-
import { default as default43
|
|
47
|
-
import { default as default44 } from "./components/
|
|
48
|
-
import { default as default45 } from "./components/
|
|
49
|
-
import { default as default46 } from "./components/
|
|
50
|
-
import { default as default47 } from "./components/
|
|
51
|
-
import { default as default48 } from "./components/
|
|
52
|
-
import { default as default49
|
|
53
|
-
import { default as default50 } from "./components/
|
|
54
|
-
import { default as default51 } from "./components/
|
|
55
|
-
import { default as default52 } from "./components/
|
|
56
|
-
import { default as default53
|
|
57
|
-
import { default as default54 } from "./components/
|
|
58
|
-
import { default as default55 } from "./components/
|
|
59
|
-
import { default as default56
|
|
60
|
-
import { default as default57 } from "./components/
|
|
61
|
-
import { default as default58 } from "./components/
|
|
62
|
-
import { default as default59 } from "./components/
|
|
63
|
-
import { default as default60 } from "./components/
|
|
64
|
-
import { default as default61 } from "./components/
|
|
65
|
-
import { default as default62 } from "./components/
|
|
66
|
-
import {
|
|
67
|
-
import { default as
|
|
68
|
-
import {
|
|
69
|
-
import { default as default65,
|
|
70
|
-
import {
|
|
71
|
-
import { default as
|
|
72
|
-
import {
|
|
14
|
+
import { HiddenRadioStyled, default as default12, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
|
|
15
|
+
import { default as default13 } from "./components/RadioGroup/index.js";
|
|
16
|
+
import { default as default14 } from "./components/ProductCard/index.js";
|
|
17
|
+
import { default as default15 } from "./components/PickerGroup/index.js";
|
|
18
|
+
import { default as default16, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
|
|
19
|
+
import { default as default17, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
|
|
20
|
+
import { default as default18, mediaTextOrientationLeft, mediaTextOrientationRight, mediaTextOrientationTop } from "./components/MediaText/index.js";
|
|
21
|
+
import { default as default19 } from "./components/LoadingSpinner/index.js";
|
|
22
|
+
import { default as default20, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
|
|
23
|
+
import { default as default21, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
|
|
24
|
+
import { L } from "./index-DrySIh-D.js";
|
|
25
|
+
import { default as default22 } from "./components/Link/index.js";
|
|
26
|
+
import { default as default23 } from "./components/Legend/index.js";
|
|
27
|
+
import { default as default24 } from "./components/Label/index.js";
|
|
28
|
+
import { default as default25 } from "./components/Input/index.js";
|
|
29
|
+
import { default as default26 } from "./components/InlineLink/index.js";
|
|
30
|
+
import { default as default27, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
|
|
31
|
+
import { default as default28, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
|
|
32
|
+
import { default as default29 } from "./components/IconSnippetList/index.js";
|
|
33
|
+
import { default as default30, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
|
|
34
|
+
import { default as default31, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
|
|
35
|
+
import { default as default32, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
|
|
36
|
+
import { default as default33 } from "./components/HifiIcon/index.js";
|
|
37
|
+
import { default as default34, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
|
|
38
|
+
import { default as default35 } from "./components/GridItem/index.js";
|
|
39
|
+
import { default as default36 } from "./components/Grid/index.js";
|
|
40
|
+
import { default as default37 } from "./components/GoogleMap/index.js";
|
|
41
|
+
import { default as default38, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
|
|
42
|
+
import { default as default39 } from "./components/FormHelperMessage/index.js";
|
|
43
|
+
import { default as default40 } from "./components/FormHelperLabel/index.js";
|
|
44
|
+
import { default as default41 } from "./components/FormElement/index.js";
|
|
45
|
+
import { default as default42 } from "./components/Form/index.js";
|
|
46
|
+
import { default as default43 } from "./components/FootnoteLink/index.js";
|
|
47
|
+
import { default as default44 } from "./components/FootnoteContent/index.js";
|
|
48
|
+
import { default as default45, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
|
|
49
|
+
import { default as default46 } from "./components/Flex/index.js";
|
|
50
|
+
import { default as default47 } from "./components/FilterGroup/index.js";
|
|
51
|
+
import { default as default48 } from "./components/Fieldset/index.js";
|
|
52
|
+
import { default as default49 } from "./components/Divider/index.js";
|
|
53
|
+
import { default as default50 } from "./components/DiscoveryCardGroup/index.js";
|
|
54
|
+
import { default as default51, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
|
|
55
|
+
import { default as default52 } from "./components/Dialog/index.js";
|
|
56
|
+
import { default as default53 } from "./components/DemoBox/index.js";
|
|
57
|
+
import { default as default54 } from "./components/DateInput/index.js";
|
|
58
|
+
import { default as default55, ContainerAppearanceColor } from "./components/Container/index.js";
|
|
59
|
+
import { default as default56 } from "./components/ConsentMessage/index.js";
|
|
60
|
+
import { default as default57 } from "./components/ColorSwatchGroup/index.js";
|
|
61
|
+
import { default as default58, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
|
|
62
|
+
import { default as default59 } from "./components/Collapsible/index.js";
|
|
63
|
+
import { default as default60 } from "./components/CheckboxGroup/index.js";
|
|
64
|
+
import { default as default61 } from "./components/Checkbox/index.js";
|
|
65
|
+
import { default as default62 } from "./components/Carousel/index.js";
|
|
66
|
+
import { default as default63 } from "./components/Card/index.js";
|
|
67
|
+
import { default as default64 } from "./components/ButtonGroup/index.js";
|
|
68
|
+
import { B } from "./index-57IF0yrd.js";
|
|
69
|
+
import { default as default65, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
|
|
70
|
+
import { default as default66 } from "./components/BottomBar/index.js";
|
|
71
|
+
import { default as default67, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
|
|
72
|
+
import { B as B2, a as a3 } from "./index-CKvLGUdD.js";
|
|
73
|
+
import { default as default68 } from "./components/AccordionGroup/index.js";
|
|
74
|
+
import { default as default69, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
|
|
73
75
|
import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
|
|
74
76
|
import { getTextColor } from "./foundations/token/getTextColor/index.js";
|
|
75
77
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
@@ -90,7 +92,7 @@ import { l, m } from "./index-Ck2bCrhT.js";
|
|
|
90
92
|
import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
|
|
91
93
|
import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
|
|
92
94
|
import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
|
|
93
|
-
import {
|
|
95
|
+
import { u } from "./index-Cs0Hw0dj.js";
|
|
94
96
|
import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
|
|
95
97
|
import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
|
|
96
98
|
import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
|
|
@@ -100,75 +102,80 @@ import { a as a4, i as i2 } from "./props-DDpgcryb.js";
|
|
|
100
102
|
import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
|
|
101
103
|
import { C } from "./styled-CYugcGtx.js";
|
|
102
104
|
export {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
+
default69 as Accordion,
|
|
106
|
+
default68 as AccordionGroup,
|
|
105
107
|
B2 as Badge,
|
|
106
108
|
a3 as BadgeAppearanceColor,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
default67 as Body,
|
|
110
|
+
default66 as BottomBar,
|
|
111
|
+
default65 as Button,
|
|
110
112
|
B as ButtonAsLink,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
+
default64 as ButtonGroup,
|
|
114
|
+
default63 as Card,
|
|
113
115
|
C as CardAppearanceColor,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
116
|
+
default62 as Carousel,
|
|
117
|
+
default61 as Checkbox,
|
|
118
|
+
default60 as CheckboxGroup,
|
|
119
|
+
default59 as Collapsible,
|
|
120
|
+
default58 as ColorSwatch,
|
|
121
|
+
default57 as ColorSwatchGroup,
|
|
122
|
+
default56 as ConsentMessage,
|
|
123
|
+
default55 as Container,
|
|
122
124
|
ContainerAppearanceColor,
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
125
|
+
default54 as DateInput,
|
|
126
|
+
default53 as DemoBox,
|
|
127
|
+
default52 as Dialog,
|
|
128
|
+
default51 as DiscoveryCard,
|
|
129
|
+
default50 as DiscoveryCardGroup,
|
|
130
|
+
default49 as Divider,
|
|
131
|
+
default48 as Fieldset,
|
|
132
|
+
default47 as FilterGroup,
|
|
133
|
+
default46 as Flex,
|
|
134
|
+
default45 as FlexItem,
|
|
135
|
+
default44 as FootnoteContent,
|
|
136
|
+
default43 as FootnoteLink,
|
|
137
|
+
default42 as Form,
|
|
138
|
+
default41 as FormElement,
|
|
139
|
+
default40 as FormHelperLabel,
|
|
140
|
+
default39 as FormHelperMessage,
|
|
141
|
+
default38 as FormHelperStatusIcon,
|
|
140
142
|
GlobalStyle,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
143
|
+
default37 as GoogleMap,
|
|
144
|
+
default36 as Grid,
|
|
145
|
+
default35 as GridItem,
|
|
146
|
+
default34 as Heading,
|
|
147
|
+
HiddenRadioStyled,
|
|
148
|
+
default33 as HifiIcon,
|
|
149
|
+
default32 as Icon,
|
|
150
|
+
default31 as IconButton,
|
|
151
|
+
default30 as IconSnippet,
|
|
152
|
+
default29 as IconSnippetList,
|
|
153
|
+
default28 as Image,
|
|
154
|
+
default27 as ImageHeader,
|
|
155
|
+
default26 as InlineLink,
|
|
156
|
+
default25 as Input,
|
|
157
|
+
default24 as Label,
|
|
158
|
+
default23 as Legend,
|
|
159
|
+
default22 as Link,
|
|
157
160
|
L as LinkAsButton,
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
default21 as LinkList,
|
|
162
|
+
default20 as LinkListItem,
|
|
163
|
+
default19 as LoadingSpinner,
|
|
164
|
+
default18 as MediaText,
|
|
165
|
+
default17 as Notification,
|
|
166
|
+
default16 as Overlay,
|
|
167
|
+
default15 as PickerGroup,
|
|
164
168
|
P as Price,
|
|
165
|
-
|
|
166
|
-
|
|
169
|
+
default14 as ProductCard,
|
|
170
|
+
default13 as RadioGroup,
|
|
171
|
+
default12 as Rating,
|
|
167
172
|
default11 as ResponsiveImage,
|
|
168
173
|
R as RichText,
|
|
169
174
|
S as ScreenreaderOnly,
|
|
170
175
|
default10 as SearchInput,
|
|
171
176
|
default9 as SelectInput,
|
|
177
|
+
StarLabelStyled,
|
|
178
|
+
StarsWrapperStyled,
|
|
172
179
|
default8 as Stepper,
|
|
173
180
|
default7 as SuggestInput,
|
|
174
181
|
default6 as Switch,
|
|
@@ -261,6 +268,9 @@ export {
|
|
|
261
268
|
linkListItemVariantVertical,
|
|
262
269
|
linkListVariantColumn,
|
|
263
270
|
linkListVariantRow,
|
|
271
|
+
mediaTextOrientationLeft,
|
|
272
|
+
mediaTextOrientationRight,
|
|
273
|
+
mediaTextOrientationTop,
|
|
264
274
|
m as mediumMediaQuery,
|
|
265
275
|
noReducedMotion,
|
|
266
276
|
notificationStatusError,
|
|
@@ -293,5 +303,5 @@ export {
|
|
|
293
303
|
useMediaQuery,
|
|
294
304
|
useReducedMotion,
|
|
295
305
|
useThirdPartyConsent,
|
|
296
|
-
useViewport
|
|
306
|
+
u as useViewport
|
|
297
307
|
};
|
|
@@ -19,7 +19,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
|
|
|
19
19
|
import { getOpacity } from "./foundations/token/getOpacity/index.js";
|
|
20
20
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
21
21
|
import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
|
|
22
|
-
import {
|
|
22
|
+
import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
|
|
23
23
|
import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
|
|
24
24
|
import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
|
|
25
25
|
import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
|