@blateral/b.kit 1.21.3 → 2.0.0-beta.2

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 (166) hide show
  1. package/lib/components/base/Grid.d.ts +21 -1
  2. package/lib/components/base/Grid.d.ts.map +1 -1
  3. package/lib/components/base/Section.d.ts.map +1 -1
  4. package/lib/components/base/Wrapper.d.ts +1 -0
  5. package/lib/components/base/Wrapper.d.ts.map +1 -1
  6. package/lib/components/base/icons/AngleRight.d.ts +7 -0
  7. package/lib/components/base/icons/AngleRight.d.ts.map +1 -0
  8. package/lib/components/base/icons/ExclamationMark.d.ts +7 -0
  9. package/lib/components/base/icons/ExclamationMark.d.ts.map +1 -0
  10. package/lib/components/base/icons/Play.d.ts.map +1 -1
  11. package/lib/components/base/icons/socials/Instagram.d.ts.map +1 -1
  12. package/lib/components/blocks/Actions.d.ts +6 -1
  13. package/lib/components/blocks/Actions.d.ts.map +1 -1
  14. package/lib/components/blocks/Alert.d.ts +26 -0
  15. package/lib/components/blocks/Alert.d.ts.map +1 -0
  16. package/lib/components/blocks/CookieConsent.d.ts +3 -3
  17. package/lib/components/blocks/CookieConsent.d.ts.map +1 -1
  18. package/lib/components/blocks/Fact.d.ts +4 -4
  19. package/lib/components/blocks/Fact.d.ts.map +1 -1
  20. package/lib/components/blocks/Feature.d.ts +15 -7
  21. package/lib/components/blocks/Feature.d.ts.map +1 -1
  22. package/lib/components/blocks/Image.d.ts +37 -0
  23. package/lib/components/blocks/Image.d.ts.map +1 -1
  24. package/lib/components/blocks/IntroBlock.d.ts +19 -1
  25. package/lib/components/blocks/IntroBlock.d.ts.map +1 -1
  26. package/lib/components/blocks/NavBlock.d.ts +24 -0
  27. package/lib/components/blocks/NavBlock.d.ts.map +1 -0
  28. package/lib/components/blocks/NewsCard.d.ts +21 -4
  29. package/lib/components/blocks/NewsCard.d.ts.map +1 -1
  30. package/lib/components/blocks/PriceTag.d.ts +4 -3
  31. package/lib/components/blocks/PriceTag.d.ts.map +1 -1
  32. package/lib/components/blocks/PromotionCard.d.ts +17 -3
  33. package/lib/components/blocks/PromotionCard.d.ts.map +1 -1
  34. package/lib/components/blocks/Tag.d.ts +3 -0
  35. package/lib/components/blocks/Tag.d.ts.map +1 -1
  36. package/lib/components/blocks/Title.d.ts +11 -0
  37. package/lib/components/blocks/Title.d.ts.map +1 -1
  38. package/lib/components/blocks/VideoBlock.d.ts +23 -0
  39. package/lib/components/blocks/VideoBlock.d.ts.map +1 -0
  40. package/lib/components/blocks/VideoCard.d.ts.map +1 -1
  41. package/lib/components/buttons/Button.d.ts +1 -1
  42. package/lib/components/buttons/Button.d.ts.map +1 -1
  43. package/lib/components/buttons/ButtonGhost.d.ts.map +1 -1
  44. package/lib/components/buttons/Pointer.d.ts.map +1 -1
  45. package/lib/components/debug/DebugLines.d.ts +4 -0
  46. package/lib/components/debug/DebugLines.d.ts.map +1 -0
  47. package/lib/components/fields/CompactForm.d.ts +1 -2
  48. package/lib/components/fields/CompactForm.d.ts.map +1 -1
  49. package/lib/components/sections/Accordion.d.ts +87 -60
  50. package/lib/components/sections/Accordion.d.ts.map +1 -1
  51. package/lib/components/sections/{CallToActionDouble.d.ts → AlertList.d.ts} +93 -100
  52. package/lib/components/sections/AlertList.d.ts.map +1 -0
  53. package/lib/components/sections/Article.d.ts +89 -47
  54. package/lib/components/sections/Article.d.ts.map +1 -1
  55. package/lib/components/sections/CallToAction.d.ts +106 -55
  56. package/lib/components/sections/CallToAction.d.ts.map +1 -1
  57. package/lib/components/sections/ComparisonSlider.d.ts +67 -47
  58. package/lib/components/sections/ComparisonSlider.d.ts.map +1 -1
  59. package/lib/components/sections/CrossPromotion.d.ts +81 -51
  60. package/lib/components/sections/CrossPromotion.d.ts.map +1 -1
  61. package/lib/components/sections/DynamicForm.d.ts +67 -47
  62. package/lib/components/sections/DynamicForm.d.ts.map +1 -1
  63. package/lib/components/sections/FactGrid.d.ts +75 -47
  64. package/lib/components/sections/FactGrid.d.ts.map +1 -1
  65. package/lib/components/sections/FactList.d.ts +82 -56
  66. package/lib/components/sections/FactList.d.ts.map +1 -1
  67. package/lib/components/sections/FeatureList.d.ts +74 -48
  68. package/lib/components/sections/FeatureList.d.ts.map +1 -1
  69. package/lib/components/sections/Footer.d.ts +67 -47
  70. package/lib/components/sections/Footer.d.ts.map +1 -1
  71. package/lib/components/sections/Form.d.ts +67 -47
  72. package/lib/components/sections/Form.d.ts.map +1 -1
  73. package/lib/components/sections/Gallery.d.ts +67 -47
  74. package/lib/components/sections/Gallery.d.ts.map +1 -1
  75. package/lib/components/sections/IconList.d.ts +113 -55
  76. package/lib/components/sections/IconList.d.ts.map +1 -1
  77. package/lib/components/sections/Intro.d.ts +90 -50
  78. package/lib/components/sections/Intro.d.ts.map +1 -1
  79. package/lib/components/sections/Map.d.ts +67 -47
  80. package/lib/components/sections/Map.d.ts.map +1 -1
  81. package/lib/components/sections/NavList.d.ts +390 -0
  82. package/lib/components/sections/NavList.d.ts.map +1 -0
  83. package/lib/components/sections/NumberList.d.ts +67 -47
  84. package/lib/components/sections/NumberList.d.ts.map +1 -1
  85. package/lib/components/sections/Poster.d.ts +89 -51
  86. package/lib/components/sections/Poster.d.ts.map +1 -1
  87. package/lib/components/sections/PriceList.d.ts +85 -56
  88. package/lib/components/sections/PriceList.d.ts.map +1 -1
  89. package/lib/components/sections/PriceTable.d.ts +76 -48
  90. package/lib/components/sections/PriceTable.d.ts.map +1 -1
  91. package/lib/components/sections/Quicknav.d.ts +67 -47
  92. package/lib/components/sections/Quicknav.d.ts.map +1 -1
  93. package/lib/components/sections/Quote.d.ts +75 -47
  94. package/lib/components/sections/Quote.d.ts.map +1 -1
  95. package/lib/components/sections/SocialNav.d.ts +67 -47
  96. package/lib/components/sections/SocialNav.d.ts.map +1 -1
  97. package/lib/components/sections/SocialWall.d.ts +83 -58
  98. package/lib/components/sections/SocialWall.d.ts.map +1 -1
  99. package/lib/components/sections/Table.d.ts +68 -48
  100. package/lib/components/sections/Table.d.ts.map +1 -1
  101. package/lib/components/sections/Teaser.d.ts +112 -59
  102. package/lib/components/sections/Teaser.d.ts.map +1 -1
  103. package/lib/components/sections/TeaserWide.d.ts +108 -59
  104. package/lib/components/sections/TeaserWide.d.ts.map +1 -1
  105. package/lib/components/sections/Timeline.d.ts +67 -47
  106. package/lib/components/sections/Timeline.d.ts.map +1 -1
  107. package/lib/components/sections/Video.d.ts +69 -49
  108. package/lib/components/sections/Video.d.ts.map +1 -1
  109. package/lib/components/sections/carousel/FeatureCarousel.d.ts +67 -47
  110. package/lib/components/sections/carousel/FeatureCarousel.d.ts.map +1 -1
  111. package/lib/components/sections/carousel/ImageCarousel.d.ts +67 -47
  112. package/lib/components/sections/carousel/ImageCarousel.d.ts.map +1 -1
  113. package/lib/components/sections/carousel/PromotionCarousel.d.ts +69 -49
  114. package/lib/components/sections/carousel/PromotionCarousel.d.ts.map +1 -1
  115. package/lib/components/sections/carousel/VideoCarousel.d.ts +67 -47
  116. package/lib/components/sections/carousel/VideoCarousel.d.ts.map +1 -1
  117. package/lib/components/sections/header/Header.d.ts +67 -47
  118. package/lib/components/sections/header/Header.d.ts.map +1 -1
  119. package/lib/components/sections/navigation/Navigation.d.ts +2 -2
  120. package/lib/components/sections/navigation/Navigation.d.ts.map +1 -1
  121. package/lib/components/sections/navigation/remastered/NavBar.d.ts +19 -0
  122. package/lib/components/sections/navigation/remastered/NavBar.d.ts.map +1 -0
  123. package/lib/components/sections/navigation/remastered/Navigation.d.ts +16 -0
  124. package/lib/components/sections/navigation/remastered/Navigation.d.ts.map +1 -0
  125. package/lib/components/sections/news/NewsAuthorCard.d.ts +67 -47
  126. package/lib/components/sections/news/NewsAuthorCard.d.ts.map +1 -1
  127. package/lib/components/sections/news/NewsFooter.d.ts +67 -47
  128. package/lib/components/sections/news/NewsFooter.d.ts.map +1 -1
  129. package/lib/components/sections/news/NewsImages.d.ts +67 -47
  130. package/lib/components/sections/news/NewsImages.d.ts.map +1 -1
  131. package/lib/components/sections/news/NewsIntro.d.ts +67 -47
  132. package/lib/components/sections/news/NewsIntro.d.ts.map +1 -1
  133. package/lib/components/sections/news/NewsList.d.ts +101 -54
  134. package/lib/components/sections/news/NewsList.d.ts.map +1 -1
  135. package/lib/components/sections/news/NewsOverview.d.ts +106 -55
  136. package/lib/components/sections/news/NewsOverview.d.ts.map +1 -1
  137. package/lib/components/sections/news/NewsTable.d.ts +67 -47
  138. package/lib/components/sections/news/NewsTable.d.ts.map +1 -1
  139. package/lib/components/sections/news/NewsText.d.ts +67 -47
  140. package/lib/components/sections/news/NewsText.d.ts.map +1 -1
  141. package/lib/components/sections/news/NewsVideo.d.ts +67 -47
  142. package/lib/components/sections/news/NewsVideo.d.ts.map +1 -1
  143. package/lib/components/typography/Callout.d.ts.map +1 -1
  144. package/lib/components/typography/Copy.d.ts +3 -2
  145. package/lib/components/typography/Copy.d.ts.map +1 -1
  146. package/lib/components/typography/Heading.d.ts +1 -1
  147. package/lib/components/typography/Heading.d.ts.map +1 -1
  148. package/lib/components/typography/Link.d.ts +6 -4
  149. package/lib/components/typography/Link.d.ts.map +1 -1
  150. package/lib/index.d.ts +8 -6
  151. package/lib/index.d.ts.map +1 -1
  152. package/lib/index.es.js +2 -2
  153. package/lib/index.es.js.map +1 -1
  154. package/lib/index.js +1 -1
  155. package/lib/index.js.map +1 -1
  156. package/lib/utils/LibThemeProvider.d.ts +8 -2
  157. package/lib/utils/LibThemeProvider.d.ts.map +1 -1
  158. package/lib/utils/fontLoading.d.ts +14 -0
  159. package/lib/utils/fontLoading.d.ts.map +1 -0
  160. package/lib/utils/styles.d.ts +69 -11
  161. package/lib/utils/styles.d.ts.map +1 -1
  162. package/lib/utils/useMediaQuery.d.ts.map +1 -1
  163. package/lib/utils/usePageScroll.d.ts +23 -0
  164. package/lib/utils/usePageScroll.d.ts.map +1 -0
  165. package/package.json +5 -5
  166. package/lib/components/sections/CallToActionDouble.d.ts.map +0 -1
@@ -32,12 +32,44 @@ declare const _default: React.FC<{
32
32
  medium?: string | undefined;
33
33
  dark?: string | undefined;
34
34
  } | undefined;
35
- tertiary?: {
36
- light?: string | undefined;
37
- medium?: string | undefined;
38
- dark?: string | undefined;
39
- } | undefined;
40
35
  error?: string | undefined;
36
+ new?: {
37
+ text?: {
38
+ default?: string | undefined;
39
+ inverted?: string | undefined;
40
+ error?: string | undefined;
41
+ heading?: string | undefined;
42
+ headingInverted?: string | undefined;
43
+ copy?: string | undefined;
44
+ copyInverted?: string | undefined;
45
+ } | undefined;
46
+ sectionBg?: {
47
+ light?: string | undefined;
48
+ medium?: string | undefined;
49
+ dark?: string | undefined;
50
+ } | undefined;
51
+ elementBg?: {
52
+ light?: string | undefined;
53
+ lightHover?: string | undefined;
54
+ medium?: string | undefined;
55
+ mediumHover?: string | undefined;
56
+ dark?: string | undefined;
57
+ darkHover?: string | undefined;
58
+ } | undefined;
59
+ primary?: {
60
+ default?: string | undefined;
61
+ inverted?: string | undefined;
62
+ hover?: string | undefined;
63
+ invertedHover?: string | undefined;
64
+ } | undefined;
65
+ secondary?: {
66
+ default?: string | undefined;
67
+ inverted?: string | undefined;
68
+ hover?: string | undefined;
69
+ invertedHover?: string | undefined;
70
+ } | undefined;
71
+ error?: string | undefined;
72
+ } | undefined;
41
73
  } | undefined;
42
74
  fonts?: {
43
75
  base?: {
@@ -242,47 +274,6 @@ declare const _default: React.FC<{
242
274
  colorGradient?: string | undefined;
243
275
  colorGradientInverted?: string | undefined;
244
276
  } | undefined;
245
- label?: {
246
- small?: {
247
- family?: string | undefined;
248
- weight?: string | undefined;
249
- style?: string | undefined;
250
- lineHeight?: string | undefined;
251
- letterSpacing?: string | undefined;
252
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
253
- textTransform?: string | undefined;
254
- color?: string | undefined;
255
- colorInverted?: string | undefined;
256
- colorGradient?: string | undefined;
257
- colorGradientInverted?: string | undefined;
258
- } | undefined;
259
- medium?: {
260
- family?: string | undefined;
261
- weight?: string | undefined;
262
- style?: string | undefined;
263
- lineHeight?: string | undefined;
264
- letterSpacing?: string | undefined;
265
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
266
- textTransform?: string | undefined;
267
- color?: string | undefined;
268
- colorInverted?: string | undefined;
269
- colorGradient?: string | undefined;
270
- colorGradientInverted?: string | undefined;
271
- } | undefined;
272
- big?: {
273
- family?: string | undefined;
274
- weight?: string | undefined;
275
- style?: string | undefined;
276
- lineHeight?: string | undefined;
277
- letterSpacing?: string | undefined;
278
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
279
- textTransform?: string | undefined;
280
- color?: string | undefined;
281
- colorInverted?: string | undefined;
282
- colorGradient?: string | undefined;
283
- colorGradientInverted?: string | undefined;
284
- } | undefined;
285
- } | undefined;
286
277
  callout?: {
287
278
  small?: {
288
279
  family?: string | undefined;
@@ -326,7 +317,7 @@ declare const _default: React.FC<{
326
317
  } | undefined;
327
318
  } | undefined;
328
319
  } | undefined;
329
- globalSettings?: {
320
+ globals?: {
330
321
  sections?: {
331
322
  seperation?: {
332
323
  forcePadding?: boolean | undefined;
@@ -341,12 +332,41 @@ declare const _default: React.FC<{
341
332
  } | undefined;
342
333
  edgeRadius?: (string | null) | undefined;
343
334
  imageTextGradient?: string | undefined;
335
+ imagePlaceholderBg?: {
336
+ default?: string | undefined;
337
+ inverted?: string | undefined;
338
+ } | undefined;
344
339
  newsDateFormat?: string | undefined;
345
340
  newsTimeFormat?: string | undefined;
346
341
  newsLocaleKey?: ("de" | "en") | undefined;
347
342
  datepickerLocaleKey?: ("de" | "en") | undefined;
348
343
  datepickerDateFormat?: string | undefined;
349
344
  } | undefined;
345
+ navigation?: {
346
+ navBar?: {
347
+ isTopNavVisible?: boolean | undefined;
348
+ topNavHeight?: {
349
+ mobile?: {
350
+ small?: number | undefined;
351
+ large?: number | undefined;
352
+ } | undefined;
353
+ desktop?: {
354
+ small?: number | undefined;
355
+ large?: number | undefined;
356
+ } | undefined;
357
+ } | undefined;
358
+ height?: {
359
+ mobile?: {
360
+ small?: number | undefined;
361
+ large?: number | undefined;
362
+ } | undefined;
363
+ desktop?: {
364
+ small?: number | undefined;
365
+ large?: number | undefined;
366
+ } | undefined;
367
+ } | undefined;
368
+ } | undefined;
369
+ } | undefined;
350
370
  } | undefined;
351
371
  } | undefined;
352
372
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAM9C,OAAc,EAAE,UAAU,EAAE,wBAAgC;AA4C5D,aAAK,SAAS,GAAG,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAsDnD,eAAO,MAAM,gBAAgB;;;;EAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACxC,wBAAqC"}
1
+ {"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAM9C,OAAc,EAAE,UAAU,EAAE,wBAAgC;AA4B5D,aAAK,SAAS,GAAG,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA+DnD,eAAO,MAAM,gBAAgB;;;;EAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACxC,wBAAqC"}
@@ -1,28 +1,66 @@
1
1
  import React from 'react';
2
+ import { LinkProps } from "../typography/Link";
3
+ export interface IconListItem {
4
+ src: string;
5
+ alt?: string;
6
+ link?: LinkProps;
7
+ ratio?: {
8
+ h: number;
9
+ w: number;
10
+ };
11
+ }
2
12
  export declare const IconListComponent: React.FC<{
3
- items: {
4
- src: string;
5
- alt?: string;
6
- }[];
13
+ /** Array with icon items data */
14
+ items?: IconListItem[] | undefined;
15
+ /** Function to inject custom primary button */
7
16
  primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
17
+ /** Function to inject custom secondary button */
8
18
  secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
19
+ /** Function to inject custom toggle button */
20
+ toggle?: ((props: {
21
+ isInverted?: boolean | undefined;
22
+ isToggled?: boolean | undefined;
23
+ showLessText?: string | undefined;
24
+ showMoreText?: string | undefined;
25
+ clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
26
+ additionalProps?: Record<string, any> | undefined;
27
+ }) => React.ReactNode) | undefined;
28
+ /** Custom text for toggle button in folded state */
9
29
  showMoreText?: string | undefined;
30
+ /** Custom text for toggle button in expanded state */
10
31
  showLessText?: string | undefined;
32
+ /** Center all icons and texts */
11
33
  isCentered?: boolean | undefined;
34
+ /** Enable toggle feature */
12
35
  enableToggle?: boolean | undefined;
36
+ /** Section background */
13
37
  bgMode?: "full" | "inverted" | undefined;
14
38
  }>;
15
39
  declare const _default: React.FC<{
16
- items: {
17
- src: string;
18
- alt?: string | undefined;
19
- }[];
40
+ /** Array with icon items data */
41
+ items?: IconListItem[] | undefined;
42
+ /** Function to inject custom primary button */
20
43
  primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
44
+ /** Function to inject custom secondary button */
21
45
  secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
46
+ /** Function to inject custom toggle button */
47
+ toggle?: ((props: {
48
+ isInverted?: boolean | undefined;
49
+ isToggled?: boolean | undefined;
50
+ showLessText?: string | undefined;
51
+ showMoreText?: string | undefined;
52
+ clickHandler?: ((ev?: React.SyntheticEvent<HTMLButtonElement, Event> | undefined) => void) | undefined;
53
+ additionalProps?: Record<string, any> | undefined;
54
+ }) => React.ReactNode) | undefined;
55
+ /** Custom text for toggle button in folded state */
22
56
  showMoreText?: string | undefined;
57
+ /** Custom text for toggle button in expanded state */
23
58
  showLessText?: string | undefined;
59
+ /** Center all icons and texts */
24
60
  isCentered?: boolean | undefined;
61
+ /** Enable toggle feature */
25
62
  enableToggle?: boolean | undefined;
63
+ /** Section background */
26
64
  bgMode?: "full" | "inverted" | undefined;
27
65
  } & {
28
66
  theme?: {
@@ -44,12 +82,44 @@ declare const _default: React.FC<{
44
82
  medium?: string | undefined;
45
83
  dark?: string | undefined;
46
84
  } | undefined;
47
- tertiary?: {
48
- light?: string | undefined;
49
- medium?: string | undefined;
50
- dark?: string | undefined;
51
- } | undefined;
52
85
  error?: string | undefined;
86
+ new?: {
87
+ text?: {
88
+ default?: string | undefined;
89
+ inverted?: string | undefined;
90
+ error?: string | undefined;
91
+ heading?: string | undefined;
92
+ headingInverted?: string | undefined;
93
+ copy?: string | undefined;
94
+ copyInverted?: string | undefined;
95
+ } | undefined;
96
+ sectionBg?: {
97
+ light?: string | undefined;
98
+ medium?: string | undefined;
99
+ dark?: string | undefined;
100
+ } | undefined;
101
+ elementBg?: {
102
+ light?: string | undefined;
103
+ lightHover?: string | undefined;
104
+ medium?: string | undefined;
105
+ mediumHover?: string | undefined;
106
+ dark?: string | undefined;
107
+ darkHover?: string | undefined;
108
+ } | undefined;
109
+ primary?: {
110
+ default?: string | undefined;
111
+ inverted?: string | undefined;
112
+ hover?: string | undefined;
113
+ invertedHover?: string | undefined;
114
+ } | undefined;
115
+ secondary?: {
116
+ default?: string | undefined;
117
+ inverted?: string | undefined;
118
+ hover?: string | undefined;
119
+ invertedHover?: string | undefined;
120
+ } | undefined;
121
+ error?: string | undefined;
122
+ } | undefined;
53
123
  } | undefined;
54
124
  fonts?: {
55
125
  base?: {
@@ -254,47 +324,6 @@ declare const _default: React.FC<{
254
324
  colorGradient?: string | undefined;
255
325
  colorGradientInverted?: string | undefined;
256
326
  } | undefined;
257
- label?: {
258
- small?: {
259
- family?: string | undefined;
260
- weight?: string | undefined;
261
- style?: string | undefined;
262
- lineHeight?: string | undefined;
263
- letterSpacing?: string | undefined;
264
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
265
- textTransform?: string | undefined;
266
- color?: string | undefined;
267
- colorInverted?: string | undefined;
268
- colorGradient?: string | undefined;
269
- colorGradientInverted?: string | undefined;
270
- } | undefined;
271
- medium?: {
272
- family?: string | undefined;
273
- weight?: string | undefined;
274
- style?: string | undefined;
275
- lineHeight?: string | undefined;
276
- letterSpacing?: string | undefined;
277
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
278
- textTransform?: string | undefined;
279
- color?: string | undefined;
280
- colorInverted?: string | undefined;
281
- colorGradient?: string | undefined;
282
- colorGradientInverted?: string | undefined;
283
- } | undefined;
284
- big?: {
285
- family?: string | undefined;
286
- weight?: string | undefined;
287
- style?: string | undefined;
288
- lineHeight?: string | undefined;
289
- letterSpacing?: string | undefined;
290
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
291
- textTransform?: string | undefined;
292
- color?: string | undefined;
293
- colorInverted?: string | undefined;
294
- colorGradient?: string | undefined;
295
- colorGradientInverted?: string | undefined;
296
- } | undefined;
297
- } | undefined;
298
327
  callout?: {
299
328
  small?: {
300
329
  family?: string | undefined;
@@ -338,7 +367,7 @@ declare const _default: React.FC<{
338
367
  } | undefined;
339
368
  } | undefined;
340
369
  } | undefined;
341
- globalSettings?: {
370
+ globals?: {
342
371
  sections?: {
343
372
  seperation?: {
344
373
  forcePadding?: boolean | undefined;
@@ -353,12 +382,41 @@ declare const _default: React.FC<{
353
382
  } | undefined;
354
383
  edgeRadius?: (string | null) | undefined;
355
384
  imageTextGradient?: string | undefined;
385
+ imagePlaceholderBg?: {
386
+ default?: string | undefined;
387
+ inverted?: string | undefined;
388
+ } | undefined;
356
389
  newsDateFormat?: string | undefined;
357
390
  newsTimeFormat?: string | undefined;
358
391
  newsLocaleKey?: ("de" | "en") | undefined;
359
392
  datepickerLocaleKey?: ("de" | "en") | undefined;
360
393
  datepickerDateFormat?: string | undefined;
361
394
  } | undefined;
395
+ navigation?: {
396
+ navBar?: {
397
+ isTopNavVisible?: boolean | undefined;
398
+ topNavHeight?: {
399
+ mobile?: {
400
+ small?: number | undefined;
401
+ large?: number | undefined;
402
+ } | undefined;
403
+ desktop?: {
404
+ small?: number | undefined;
405
+ large?: number | undefined;
406
+ } | undefined;
407
+ } | undefined;
408
+ height?: {
409
+ mobile?: {
410
+ small?: number | undefined;
411
+ large?: number | undefined;
412
+ } | undefined;
413
+ desktop?: {
414
+ small?: number | undefined;
415
+ large?: number | undefined;
416
+ } | undefined;
417
+ } | undefined;
418
+ } | undefined;
419
+ } | undefined;
362
420
  } | undefined;
363
421
  } | undefined;
364
422
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../src/components/sections/IconList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA4NpD,eAAO,MAAM,iBAAiB;WAnGnB;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;2DACI,MAAM,SAAS;6DACb,MAAM,SAAS;;;;;;EAiGtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC1C,wBAAsC"}
1
+ {"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../src/components/sections/IconList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,OAAa,EAAE,SAAS,EAAE,2BAAmC;AAsI7D,MAAM,WAAW,YAAY;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AA+ID,eAAO,MAAM,iBAAiB;IA5I1B,iCAAiC;;IAGjC,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8CAA8C;;;;;;6FAMuB,IAAI;;UAEnE,MAAM,SAAS;IAErB,oDAAoD;;IAGpD,sDAAsD;;IAGtD,iCAAiC;;IAGjC,4BAA4B;;IAG5B,yBAAyB;;EA6GY,CAAC;;IA5ItC,iCAAiC;;IAGjC,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8CAA8C;;;;;;;;;IAU9C,oDAAoD;;IAGpD,sDAAsD;;IAGtD,iCAAiC;;IAGjC,4BAA4B;;IAG5B,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8G7B,wBAAsC"}
@@ -1,32 +1,52 @@
1
- import { HeadlineTag } from "../typography/Heading";
2
1
  import React from 'react';
2
+ import { HeadlineTag } from "../typography/Heading";
3
3
  export declare const IntroComponent: React.FC<{
4
+ /** Main title text */
4
5
  title: string;
6
+ /** Main title HTML tag type (h2, h3, h4...) */
5
7
  titleAs?: HeadlineTag | undefined;
8
+ /** Superior title that stands above main title */
6
9
  superTitle?: string | undefined;
10
+ /** Superior title HTML tag type (h3, h4 ...) */
7
11
  superTitleAs?: HeadlineTag | undefined;
12
+ /** Intro text underneath the title (richtext) */
8
13
  text?: string | undefined;
14
+ /** Function to inject custom primary button */
9
15
  primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
16
+ /** Function to inject custom secondary button */
10
17
  secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
18
+ /** Center text and actions */
11
19
  isCentered?: boolean | undefined;
20
+ /** Allow reduced section spacing to next section */
12
21
  isStackable?: boolean | undefined;
22
+ /** Clamp title to a width of max 8 grid cols. */
13
23
  clampTitle?: boolean | undefined;
14
- clampText?: boolean | undefined;
24
+ /** Section background */
15
25
  bgMode?: "inverted" | "full" | "splitted" | undefined;
16
26
  className?: string | undefined;
17
27
  }>;
18
28
  declare const _default: React.FC<{
29
+ /** Main title text */
19
30
  title: string;
31
+ /** Main title HTML tag type (h2, h3, h4...) */
20
32
  titleAs?: HeadlineTag | undefined;
33
+ /** Superior title that stands above main title */
21
34
  superTitle?: string | undefined;
35
+ /** Superior title HTML tag type (h3, h4 ...) */
22
36
  superTitleAs?: HeadlineTag | undefined;
37
+ /** Intro text underneath the title (richtext) */
23
38
  text?: string | undefined;
39
+ /** Function to inject custom primary button */
24
40
  primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
41
+ /** Function to inject custom secondary button */
25
42
  secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
43
+ /** Center text and actions */
26
44
  isCentered?: boolean | undefined;
45
+ /** Allow reduced section spacing to next section */
27
46
  isStackable?: boolean | undefined;
47
+ /** Clamp title to a width of max 8 grid cols. */
28
48
  clampTitle?: boolean | undefined;
29
- clampText?: boolean | undefined;
49
+ /** Section background */
30
50
  bgMode?: "inverted" | "full" | "splitted" | undefined;
31
51
  className?: string | undefined;
32
52
  } & {
@@ -49,12 +69,44 @@ declare const _default: React.FC<{
49
69
  medium?: string | undefined;
50
70
  dark?: string | undefined;
51
71
  } | undefined;
52
- tertiary?: {
53
- light?: string | undefined;
54
- medium?: string | undefined;
55
- dark?: string | undefined;
56
- } | undefined;
57
72
  error?: string | undefined;
73
+ new?: {
74
+ text?: {
75
+ default?: string | undefined;
76
+ inverted?: string | undefined;
77
+ error?: string | undefined;
78
+ heading?: string | undefined;
79
+ headingInverted?: string | undefined;
80
+ copy?: string | undefined;
81
+ copyInverted?: string | undefined;
82
+ } | undefined;
83
+ sectionBg?: {
84
+ light?: string | undefined;
85
+ medium?: string | undefined;
86
+ dark?: string | undefined;
87
+ } | undefined;
88
+ elementBg?: {
89
+ light?: string | undefined;
90
+ lightHover?: string | undefined;
91
+ medium?: string | undefined;
92
+ mediumHover?: string | undefined;
93
+ dark?: string | undefined;
94
+ darkHover?: string | undefined;
95
+ } | undefined;
96
+ primary?: {
97
+ default?: string | undefined;
98
+ inverted?: string | undefined;
99
+ hover?: string | undefined;
100
+ invertedHover?: string | undefined;
101
+ } | undefined;
102
+ secondary?: {
103
+ default?: string | undefined;
104
+ inverted?: string | undefined;
105
+ hover?: string | undefined;
106
+ invertedHover?: string | undefined;
107
+ } | undefined;
108
+ error?: string | undefined;
109
+ } | undefined;
58
110
  } | undefined;
59
111
  fonts?: {
60
112
  base?: {
@@ -259,47 +311,6 @@ declare const _default: React.FC<{
259
311
  colorGradient?: string | undefined;
260
312
  colorGradientInverted?: string | undefined;
261
313
  } | undefined;
262
- label?: {
263
- small?: {
264
- family?: string | undefined;
265
- weight?: string | undefined;
266
- style?: string | undefined;
267
- lineHeight?: string | undefined;
268
- letterSpacing?: string | undefined;
269
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
270
- textTransform?: string | undefined;
271
- color?: string | undefined;
272
- colorInverted?: string | undefined;
273
- colorGradient?: string | undefined;
274
- colorGradientInverted?: string | undefined;
275
- } | undefined;
276
- medium?: {
277
- family?: string | undefined;
278
- weight?: string | undefined;
279
- style?: string | undefined;
280
- lineHeight?: string | undefined;
281
- letterSpacing?: string | undefined;
282
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
283
- textTransform?: string | undefined;
284
- color?: string | undefined;
285
- colorInverted?: string | undefined;
286
- colorGradient?: string | undefined;
287
- colorGradientInverted?: string | undefined;
288
- } | undefined;
289
- big?: {
290
- family?: string | undefined;
291
- weight?: string | undefined;
292
- style?: string | undefined;
293
- lineHeight?: string | undefined;
294
- letterSpacing?: string | undefined;
295
- size?: [(number | undefined)?, (number | undefined)?] | undefined;
296
- textTransform?: string | undefined;
297
- color?: string | undefined;
298
- colorInverted?: string | undefined;
299
- colorGradient?: string | undefined;
300
- colorGradientInverted?: string | undefined;
301
- } | undefined;
302
- } | undefined;
303
314
  callout?: {
304
315
  small?: {
305
316
  family?: string | undefined;
@@ -343,7 +354,7 @@ declare const _default: React.FC<{
343
354
  } | undefined;
344
355
  } | undefined;
345
356
  } | undefined;
346
- globalSettings?: {
357
+ globals?: {
347
358
  sections?: {
348
359
  seperation?: {
349
360
  forcePadding?: boolean | undefined;
@@ -358,12 +369,41 @@ declare const _default: React.FC<{
358
369
  } | undefined;
359
370
  edgeRadius?: (string | null) | undefined;
360
371
  imageTextGradient?: string | undefined;
372
+ imagePlaceholderBg?: {
373
+ default?: string | undefined;
374
+ inverted?: string | undefined;
375
+ } | undefined;
361
376
  newsDateFormat?: string | undefined;
362
377
  newsTimeFormat?: string | undefined;
363
378
  newsLocaleKey?: ("de" | "en") | undefined;
364
379
  datepickerLocaleKey?: ("de" | "en") | undefined;
365
380
  datepickerDateFormat?: string | undefined;
366
381
  } | undefined;
382
+ navigation?: {
383
+ navBar?: {
384
+ isTopNavVisible?: boolean | undefined;
385
+ topNavHeight?: {
386
+ mobile?: {
387
+ small?: number | undefined;
388
+ large?: number | undefined;
389
+ } | undefined;
390
+ desktop?: {
391
+ small?: number | undefined;
392
+ large?: number | undefined;
393
+ } | undefined;
394
+ } | undefined;
395
+ height?: {
396
+ mobile?: {
397
+ small?: number | undefined;
398
+ large?: number | undefined;
399
+ } | undefined;
400
+ desktop?: {
401
+ small?: number | undefined;
402
+ large?: number | undefined;
403
+ } | undefined;
404
+ } | undefined;
405
+ } | undefined;
406
+ } | undefined;
367
407
  } | undefined;
368
408
  } | undefined;
369
409
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Intro.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAsE1C,eAAO,MAAM,cAAc;WAhEhB,MAAM;;;;;2DAM6B,MAAM,SAAS;6DACb,MAAM,SAAS;;;;;;;EAyD5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACpC,wBAAmC"}
1
+ {"version":3,"file":"Intro.d.ts","sourceRoot":"","sources":["../../../src/components/sections/Intro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,8BAAsC;AAoF5D,eAAO,MAAM,cAAc;IAhFvB,sBAAsB;WACf,MAAM;IAEb,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;EAkDM,CAAC;;IAhFhC,sBAAsB;;IAGtB,+CAA+C;;IAG/C,kDAAkD;;IAGlD,gDAAgD;;IAGhD,kDAAkD;;IAGlD,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8BAA8B;;IAG9B,oDAAoD;;IAGpD,iDAAiD;;IAGjD,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmD7B,wBAAmC"}