@vodafone_de/brix-components 11.2.2 → 11.2.3

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 (7) hide show
  1. package/dist/components/FootnoteSection/index.js +5 -8
  2. package/dist/components/FootnoteSection/props.d.ts +7 -2
  3. package/dist/components/FootnoteSection/validate.d.ts +137 -136
  4. package/dist/components/ImageHeader/index.js +5 -1
  5. package/dist/contentful/validation/index.js +4 -2
  6. package/package.json +1 -1
  7. package/dist/componentName-C-GbLOt4.js +0 -6
package/dist/components/FootnoteSection/index.js CHANGED
@@ -1,23 +1,20 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import Accordion from "../Accordion/index.js";
4
- import { a as accordionComponentName, f as footnoteComponentName } from "../../componentName-C-GbLOt4.js";
5
4
  import { C as Container } from "../../index-C9s7aJQ9.js";
6
5
  import Footnote from "../Footnote/index.js";
7
6
  import Heading from "../Heading/index.js";
8
7
  const FootnoteSection = ({
9
8
  heading,
9
+ footnotes,
10
10
  accordions
11
11
  }) => /* @__PURE__ */ jsxs(Container, { children: [
12
12
  /* @__PURE__ */ jsx(Heading, { ...heading }),
13
+ footnotes == null ? void 0 : footnotes.map((accordion, index) => {
14
+ return /* @__PURE__ */ jsx(Footnote, { ...accordion }, `${accordion.uid}-${index}`);
15
+ }),
13
16
  accordions == null ? void 0 : accordions.map((accordion, index) => {
14
- if (accordionComponentName === accordion.component) {
15
- return /* @__PURE__ */ jsx(Accordion, { ...accordion }, `${accordion.uid}-${index}`);
16
- }
17
- if (footnoteComponentName === accordion.component) {
18
- return /* @__PURE__ */ jsx(Footnote, { ...accordion }, `${accordion.uid}-${index}`);
19
- }
20
- return null;
17
+ return /* @__PURE__ */ jsx(Accordion, { ...accordion }, `${accordion.uid}-${index}`);
21
18
  })
22
19
  ] });
23
20
  export {
package/dist/components/FootnoteSection/props.d.ts CHANGED
@@ -17,7 +17,12 @@ export interface FootnoteSectionProps extends PatternProps {
17
17
  */
18
18
  heading: HeadingProps;
19
19
  /**
20
- * combination of accordions and FootnoteAccordion
20
+ * footnotes will be added in nextjs
21
21
  */
22
- accordions?: (AccordionProps | FootnoteProps)[];
22
+ footnotes?: FootnoteProps[];
23
+ /**
24
+ * For those who are connoisseurs of requirements:
25
+ * The footnotes section should not only display footnotes, but sometimes also other legal text in an accordion
26
+ */
27
+ accordions?: AccordionProps[];
23
28
  }
package/dist/components/FootnoteSection/validate.d.ts CHANGED
@@ -154,7 +154,142 @@ export declare const footnoteSectionSchema: z.ZodObject<{
154
154
  children: z.ZodCustom<unknown, unknown>;
155
155
  }, z.core.$loose>>>;
156
156
  }, z.core.$loose>;
157
- accordions: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
157
+ footnotes: z.ZodOptional<z.ZodArray<z.ZodObject<{
158
+ sysId: z.ZodString;
159
+ customId: z.ZodOptional<z.ZodString>;
160
+ enableStructuredData: z.ZodOptional<z.ZodBoolean>;
161
+ tracking: z.ZodOptional<z.ZodObject<{
162
+ contact_action: z.ZodOptional<z.ZodString>;
163
+ contact_subject: z.ZodOptional<z.ZodString>;
164
+ contact_available_tools: z.ZodOptional<z.ZodString>;
165
+ contact_tool: z.ZodOptional<z.ZodString>;
166
+ contact_trigger: z.ZodOptional<z.ZodString>;
167
+ contact_variant: z.ZodOptional<z.ZodString>;
168
+ information_action: z.ZodOptional<z.ZodString>;
169
+ information_name: z.ZodOptional<z.ZodString>;
170
+ information_ui_type: z.ZodOptional<z.ZodString>;
171
+ information_trigger: z.ZodOptional<z.ZodString>;
172
+ information_ui_location: z.ZodOptional<z.ZodString>;
173
+ information_id: z.ZodOptional<z.ZodString>;
174
+ information_ui_size: z.ZodOptional<z.ZodString>;
175
+ error_action: z.ZodOptional<z.ZodString>;
176
+ error_type: z.ZodOptional<z.ZodString>;
177
+ error_message: z.ZodOptional<z.ZodString>;
178
+ error_ui_type: z.ZodOptional<z.ZodString>;
179
+ error_trigger: z.ZodOptional<z.ZodString>;
180
+ error_trigger_name: z.ZodOptional<z.ZodString>;
181
+ error_code: z.ZodOptional<z.ZodString>;
182
+ error_details: z.ZodOptional<z.ZodString>;
183
+ error_location: z.ZodOptional<z.ZodString>;
184
+ }, z.core.$loose>>;
185
+ bottomSpacing: z.ZodOptional<z.ZodEnum<{
186
+ None: "None";
187
+ "2Xs": "2Xs";
188
+ Xs: "Xs";
189
+ Sm: "Sm";
190
+ Md: "Md";
191
+ Lg: "Lg";
192
+ Xl: "Xl";
193
+ "2Xl": "2Xl";
194
+ "3Xl": "3Xl";
195
+ "4Xl": "4Xl";
196
+ "5Xl": "5Xl";
197
+ "6Xl": "6Xl";
198
+ "7Xl": "7Xl";
199
+ }>>;
200
+ component: z.ZodLiteral<"Footnote">;
201
+ uid: z.ZodString;
202
+ screenReaderLabel: z.ZodString;
203
+ heading: z.ZodObject<{
204
+ component: z.ZodLiteral<"Heading">;
205
+ uid: z.ZodString;
206
+ align: z.ZodOptional<z.ZodEnum<{
207
+ center: "center";
208
+ left: "left";
209
+ }>>;
210
+ customId: z.ZodOptional<z.ZodString>;
211
+ footnoteLink: z.ZodOptional<z.ZodArray<z.ZodObject<{
212
+ customId: z.ZodOptional<z.ZodString>;
213
+ sysId: z.ZodString;
214
+ enableStructuredData: z.ZodOptional<z.ZodBoolean>;
215
+ tracking: z.ZodOptional<z.ZodObject<{
216
+ contact_action: z.ZodOptional<z.ZodString>;
217
+ contact_subject: z.ZodOptional<z.ZodString>;
218
+ contact_available_tools: z.ZodOptional<z.ZodString>;
219
+ contact_tool: z.ZodOptional<z.ZodString>;
220
+ contact_trigger: z.ZodOptional<z.ZodString>;
221
+ contact_variant: z.ZodOptional<z.ZodString>;
222
+ information_action: z.ZodOptional<z.ZodString>;
223
+ information_name: z.ZodOptional<z.ZodString>;
224
+ information_ui_type: z.ZodOptional<z.ZodString>;
225
+ information_trigger: z.ZodOptional<z.ZodString>;
226
+ information_ui_location: z.ZodOptional<z.ZodString>;
227
+ information_id: z.ZodOptional<z.ZodString>;
228
+ information_ui_size: z.ZodOptional<z.ZodString>;
229
+ error_action: z.ZodOptional<z.ZodString>;
230
+ error_type: z.ZodOptional<z.ZodString>;
231
+ error_message: z.ZodOptional<z.ZodString>;
232
+ error_ui_type: z.ZodOptional<z.ZodString>;
233
+ error_trigger: z.ZodOptional<z.ZodString>;
234
+ error_trigger_name: z.ZodOptional<z.ZodString>;
235
+ error_code: z.ZodOptional<z.ZodString>;
236
+ error_details: z.ZodOptional<z.ZodString>;
237
+ error_location: z.ZodOptional<z.ZodString>;
238
+ }, z.core.$loose>>;
239
+ component: z.ZodLiteral<"FootnoteLink">;
240
+ uid: z.ZodString;
241
+ contentUid: z.ZodString;
242
+ screenReaderLabel: z.ZodString;
243
+ children: z.ZodCustom<unknown, unknown>;
244
+ }, z.core.$loose>>>;
245
+ sysId: z.ZodString;
246
+ tag: z.ZodOptional<z.ZodEnum<{
247
+ span: "span";
248
+ div: "div";
249
+ h1: "h1";
250
+ h2: "h2";
251
+ h3: "h3";
252
+ h4: "h4";
253
+ h5: "h5";
254
+ h6: "h6";
255
+ p: "p";
256
+ }>>;
257
+ weight: z.ZodOptional<z.ZodEnum<{
258
+ light: "light";
259
+ bold: "bold";
260
+ regular: "regular";
261
+ }>>;
262
+ children: z.ZodString;
263
+ enableStructuredData: z.ZodOptional<z.ZodBoolean>;
264
+ tracking: z.ZodOptional<z.ZodObject<{
265
+ contact_action: z.ZodOptional<z.ZodString>;
266
+ contact_subject: z.ZodOptional<z.ZodString>;
267
+ contact_available_tools: z.ZodOptional<z.ZodString>;
268
+ contact_tool: z.ZodOptional<z.ZodString>;
269
+ contact_trigger: z.ZodOptional<z.ZodString>;
270
+ contact_variant: z.ZodOptional<z.ZodString>;
271
+ information_action: z.ZodOptional<z.ZodString>;
272
+ information_name: z.ZodOptional<z.ZodString>;
273
+ information_ui_type: z.ZodOptional<z.ZodString>;
274
+ information_trigger: z.ZodOptional<z.ZodString>;
275
+ information_ui_location: z.ZodOptional<z.ZodString>;
276
+ information_id: z.ZodOptional<z.ZodString>;
277
+ information_ui_size: z.ZodOptional<z.ZodString>;
278
+ error_action: z.ZodOptional<z.ZodString>;
279
+ error_type: z.ZodOptional<z.ZodString>;
280
+ error_message: z.ZodOptional<z.ZodString>;
281
+ error_ui_type: z.ZodOptional<z.ZodString>;
282
+ error_trigger: z.ZodOptional<z.ZodString>;
283
+ error_trigger_name: z.ZodOptional<z.ZodString>;
284
+ error_code: z.ZodOptional<z.ZodString>;
285
+ error_details: z.ZodOptional<z.ZodString>;
286
+ error_location: z.ZodOptional<z.ZodString>;
287
+ }, z.core.$loose>>;
288
+ }, z.core.$loose>;
289
+ linkUid: z.ZodString;
290
+ backlinkText: z.ZodString;
291
+ }, z.core.$loose>>>;
292
+ accordions: z.ZodOptional<z.ZodArray<z.ZodObject<{
158
293
  uid: z.ZodString;
159
294
  sysId: z.ZodString;
160
295
  customId: z.ZodOptional<z.ZodString>;
@@ -887,141 +1022,7 @@ export declare const footnoteSectionSchema: z.ZodObject<{
887
1022
  expanded: z.ZodOptional<z.ZodBoolean>;
888
1023
  verticalScrollOffset: z.ZodOptional<z.ZodNumber>;
889
1024
  handleOnToggle: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
890
- }, z.core.$loose>, z.ZodObject<{
891
- sysId: z.ZodString;
892
- customId: z.ZodOptional<z.ZodString>;
893
- enableStructuredData: z.ZodOptional<z.ZodBoolean>;
894
- tracking: z.ZodOptional<z.ZodObject<{
895
- contact_action: z.ZodOptional<z.ZodString>;
896
- contact_subject: z.ZodOptional<z.ZodString>;
897
- contact_available_tools: z.ZodOptional<z.ZodString>;
898
- contact_tool: z.ZodOptional<z.ZodString>;
899
- contact_trigger: z.ZodOptional<z.ZodString>;
900
- contact_variant: z.ZodOptional<z.ZodString>;
901
- information_action: z.ZodOptional<z.ZodString>;
902
- information_name: z.ZodOptional<z.ZodString>;
903
- information_ui_type: z.ZodOptional<z.ZodString>;
904
- information_trigger: z.ZodOptional<z.ZodString>;
905
- information_ui_location: z.ZodOptional<z.ZodString>;
906
- information_id: z.ZodOptional<z.ZodString>;
907
- information_ui_size: z.ZodOptional<z.ZodString>;
908
- error_action: z.ZodOptional<z.ZodString>;
909
- error_type: z.ZodOptional<z.ZodString>;
910
- error_message: z.ZodOptional<z.ZodString>;
911
- error_ui_type: z.ZodOptional<z.ZodString>;
912
- error_trigger: z.ZodOptional<z.ZodString>;
913
- error_trigger_name: z.ZodOptional<z.ZodString>;
914
- error_code: z.ZodOptional<z.ZodString>;
915
- error_details: z.ZodOptional<z.ZodString>;
916
- error_location: z.ZodOptional<z.ZodString>;
917
- }, z.core.$loose>>;
918
- bottomSpacing: z.ZodOptional<z.ZodEnum<{
919
- None: "None";
920
- "2Xs": "2Xs";
921
- Xs: "Xs";
922
- Sm: "Sm";
923
- Md: "Md";
924
- Lg: "Lg";
925
- Xl: "Xl";
926
- "2Xl": "2Xl";
927
- "3Xl": "3Xl";
928
- "4Xl": "4Xl";
929
- "5Xl": "5Xl";
930
- "6Xl": "6Xl";
931
- "7Xl": "7Xl";
932
- }>>;
933
- component: z.ZodLiteral<"Footnote">;
934
- uid: z.ZodString;
935
- screenReaderLabel: z.ZodString;
936
- heading: z.ZodObject<{
937
- component: z.ZodLiteral<"Heading">;
938
- uid: z.ZodString;
939
- align: z.ZodOptional<z.ZodEnum<{
940
- center: "center";
941
- left: "left";
942
- }>>;
943
- customId: z.ZodOptional<z.ZodString>;
944
- footnoteLink: z.ZodOptional<z.ZodArray<z.ZodObject<{
945
- customId: z.ZodOptional<z.ZodString>;
946
- sysId: z.ZodString;
947
- enableStructuredData: z.ZodOptional<z.ZodBoolean>;
948
- tracking: z.ZodOptional<z.ZodObject<{
949
- contact_action: z.ZodOptional<z.ZodString>;
950
- contact_subject: z.ZodOptional<z.ZodString>;
951
- contact_available_tools: z.ZodOptional<z.ZodString>;
952
- contact_tool: z.ZodOptional<z.ZodString>;
953
- contact_trigger: z.ZodOptional<z.ZodString>;
954
- contact_variant: z.ZodOptional<z.ZodString>;
955
- information_action: z.ZodOptional<z.ZodString>;
956
- information_name: z.ZodOptional<z.ZodString>;
957
- information_ui_type: z.ZodOptional<z.ZodString>;
958
- information_trigger: z.ZodOptional<z.ZodString>;
959
- information_ui_location: z.ZodOptional<z.ZodString>;
960
- information_id: z.ZodOptional<z.ZodString>;
961
- information_ui_size: z.ZodOptional<z.ZodString>;
962
- error_action: z.ZodOptional<z.ZodString>;
963
- error_type: z.ZodOptional<z.ZodString>;
964
- error_message: z.ZodOptional<z.ZodString>;
965
- error_ui_type: z.ZodOptional<z.ZodString>;
966
- error_trigger: z.ZodOptional<z.ZodString>;
967
- error_trigger_name: z.ZodOptional<z.ZodString>;
968
- error_code: z.ZodOptional<z.ZodString>;
969
- error_details: z.ZodOptional<z.ZodString>;
970
- error_location: z.ZodOptional<z.ZodString>;
971
- }, z.core.$loose>>;
972
- component: z.ZodLiteral<"FootnoteLink">;
973
- uid: z.ZodString;
974
- contentUid: z.ZodString;
975
- screenReaderLabel: z.ZodString;
976
- children: z.ZodCustom<unknown, unknown>;
977
- }, z.core.$loose>>>;
978
- sysId: z.ZodString;
979
- tag: z.ZodOptional<z.ZodEnum<{
980
- span: "span";
981
- div: "div";
982
- h1: "h1";
983
- h2: "h2";
984
- h3: "h3";
985
- h4: "h4";
986
- h5: "h5";
987
- h6: "h6";
988
- p: "p";
989
- }>>;
990
- weight: z.ZodOptional<z.ZodEnum<{
991
- light: "light";
992
- bold: "bold";
993
- regular: "regular";
994
- }>>;
995
- children: z.ZodString;
996
- enableStructuredData: z.ZodOptional<z.ZodBoolean>;
997
- tracking: z.ZodOptional<z.ZodObject<{
998
- contact_action: z.ZodOptional<z.ZodString>;
999
- contact_subject: z.ZodOptional<z.ZodString>;
1000
- contact_available_tools: z.ZodOptional<z.ZodString>;
1001
- contact_tool: z.ZodOptional<z.ZodString>;
1002
- contact_trigger: z.ZodOptional<z.ZodString>;
1003
- contact_variant: z.ZodOptional<z.ZodString>;
1004
- information_action: z.ZodOptional<z.ZodString>;
1005
- information_name: z.ZodOptional<z.ZodString>;
1006
- information_ui_type: z.ZodOptional<z.ZodString>;
1007
- information_trigger: z.ZodOptional<z.ZodString>;
1008
- information_ui_location: z.ZodOptional<z.ZodString>;
1009
- information_id: z.ZodOptional<z.ZodString>;
1010
- information_ui_size: z.ZodOptional<z.ZodString>;
1011
- error_action: z.ZodOptional<z.ZodString>;
1012
- error_type: z.ZodOptional<z.ZodString>;
1013
- error_message: z.ZodOptional<z.ZodString>;
1014
- error_ui_type: z.ZodOptional<z.ZodString>;
1015
- error_trigger: z.ZodOptional<z.ZodString>;
1016
- error_trigger_name: z.ZodOptional<z.ZodString>;
1017
- error_code: z.ZodOptional<z.ZodString>;
1018
- error_details: z.ZodOptional<z.ZodString>;
1019
- error_location: z.ZodOptional<z.ZodString>;
1020
- }, z.core.$loose>>;
1021
- }, z.core.$loose>;
1022
- linkUid: z.ZodString;
1023
- backlinkText: z.ZodString;
1024
- }, z.core.$loose>]>>>;
1025
+ }, z.core.$loose>>>;
1025
1026
  }, z.core.$loose>;
1026
1027
  export declare const validateFootnoteSectionProps: (props: unknown) => ValidationResult<FootnoteSectionCmsProps>;
1027
1028
  export declare const isFootnoteSectionProps: (props: unknown) => props is FootnoteSectionCmsProps;
package/dist/components/ImageHeader/index.js CHANGED
@@ -242,7 +242,11 @@ const ImageHeader = ({
242
242
  }
243
243
  };
244
244
  return /* @__PURE__ */ jsx(Container, { padding: "None", className: props.className, children: /* @__PURE__ */ jsxs(ImageHeaderStyled, { ...props, position, variant, spacing: spacingNone, component: "Grid", children: [
245
- /* @__PURE__ */ jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsx(ImageHeaderArtDirectedImageStyled, { sources: artDirectedImage.sources, image: artDirectedImage.image, variant, position, bottomSpacing: spacingNone }) }),
245
+ /* @__PURE__ */ jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsx(ImageHeaderArtDirectedImageStyled, { sources: artDirectedImage.sources, image: {
246
+ ...artDirectedImage.image,
247
+ loading: "eager",
248
+ fetchPriority: "high"
249
+ }, variant, position, bottomSpacing: spacingNone }) }),
246
250
  /* @__PURE__ */ jsxs(ImageHeaderContentStyled, { variant, position, contentGridDesktopColumns, lg: contentGridDesktopColumns, className: "Dark" === theme ? " Dark" : "", children: [
247
251
  badge && /* @__PURE__ */ jsx(ImageHeaderBadgeStyled, { ...badge, size: mediumSize, bottomSpacing: spacingNone }),
248
252
  /* @__PURE__ */ jsx(ImageHeaderHeadingStyled, { ...heading, id: headingId, align: headingAlignCenter, weight: fontWeightLight, bottomSpacing: spacingNone }),
package/dist/contentful/validation/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { g as containerTags, f as containerAppearances, c as containerPaddings } from "../../props-D8u4jguy.js";
2
2
  import { h as spacings } from "../../Spacing-CwWBV8DU.js";
3
- import { a as accordionComponentName, f as footnoteComponentName } from "../../componentName-C-GbLOt4.js";
4
3
  import { b as bodyComponentName } from "../../componentName-BoJP6JLf.js";
5
4
  import { e as buttonComponentName, f as buttonAsLinkComponentName, g as buttonGroupComponentName, h as flexComponentName, d as notificationStatuses } from "../../props-D_GpWiS9.js";
6
5
  import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
@@ -14301,6 +14300,7 @@ const trackingSchema = looseObject({
14301
14300
  error_details: string$1().trim().nonempty().optional(),
14302
14301
  error_location: string$1().trim().nonempty().optional()
14303
14302
  });
14303
+ const accordionComponentName = "Accordion";
14304
14304
  const accordionGroupComponentName = "AccordionGroup";
14305
14305
  const artDirectedImageComponentName = "ArtDirectedImage";
14306
14306
  const badgeComponentName = "Badge";
@@ -14328,6 +14328,7 @@ const featureCardGroupComponentName = "FeatureCardGroup";
14328
14328
  const fieldsetComponentName = "Fieldset";
14329
14329
  const filterGroupComponentName = "FilterGroup";
14330
14330
  const flexItemComponentName = "FlexItem";
14331
+ const footnoteComponentName = "Footnote";
14331
14332
  const footnoteContentComponentName = "FootnoteContent";
14332
14333
  const footnoteLinkComponentName = "FootnoteLink";
14333
14334
  const footnoteSectionComponentName = "FootnoteSection";
@@ -15192,7 +15193,8 @@ const validateFootnoteProps = (props) => {
15192
15193
  const footnoteSectionSchema = cmsPatternPropsSchema.extend({
15193
15194
  component: z.literal(footnoteSectionComponentName),
15194
15195
  heading: headingSchema,
15195
- accordions: z.array(z.union([accordionSchema, footnoteSchema])).optional()
15196
+ footnotes: z.array(footnoteSchema).optional(),
15197
+ accordions: z.array(accordionSchema).optional()
15196
15198
  });
15197
15199
  const validateFootnoteSectionProps = (props) => {
15198
15200
  const result = footnoteSectionSchema.safeParse(props);
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": "11.2.2",
4
+ "version": "11.2.3",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {
package/dist/componentName-C-GbLOt4.js DELETED
@@ -1,6 +0,0 @@
1
- const accordionComponentName = "Accordion";
2
- const footnoteComponentName = "Footnote";
3
- export {
4
- accordionComponentName as a,
5
- footnoteComponentName as f
6
- };