@blateral/b.kit 2.5.2 → 2.6.0

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 (36) hide show
  1. package/README.md +1 -1
  2. package/cjs/TableBlock-f2c59d9b.js +2 -0
  3. package/cjs/TableBlock-f2c59d9b.js.map +1 -0
  4. package/cjs/{VideoBlock-a7d6ff7d.js → VideoBlock-dea7de8a.js} +2 -2
  5. package/cjs/{VideoBlock-a7d6ff7d.js.map → VideoBlock-dea7de8a.js.map} +1 -1
  6. package/cjs/blocks.js +1 -1
  7. package/cjs/sections.events.js +1 -1
  8. package/cjs/sections.events.js.map +1 -1
  9. package/cjs/sections.js +1 -1
  10. package/cjs/sections.js.map +1 -1
  11. package/cjs/sections.news.js +1 -1
  12. package/cjs/sections.news.js.map +1 -1
  13. package/esm/{TableBlock-cc49e089.js → TableBlock-67fe2385.js} +186 -14
  14. package/esm/TableBlock-67fe2385.js.map +1 -0
  15. package/esm/{VideoBlock-5fe94711.js → VideoBlock-b227ae6e.js} +2 -2
  16. package/esm/{VideoBlock-5fe94711.js.map → VideoBlock-b227ae6e.js.map} +1 -1
  17. package/esm/blocks.js +2 -2
  18. package/esm/sections.events.js +6 -6
  19. package/esm/sections.events.js.map +1 -1
  20. package/esm/sections.js +56 -52
  21. package/esm/sections.js.map +1 -1
  22. package/esm/sections.news.js +19 -15
  23. package/esm/sections.news.js.map +1 -1
  24. package/package.json +2 -2
  25. package/types/components/base/icons/ButtonLeft.d.ts +9 -0
  26. package/types/components/base/icons/ButtonLeft.d.ts.map +1 -0
  27. package/types/components/base/icons/ButtonRight.d.ts +9 -0
  28. package/types/components/base/icons/ButtonRight.d.ts.map +1 -0
  29. package/types/components/blocks/TableBlock.d.ts +2 -2
  30. package/types/components/blocks/TableBlock.d.ts.map +1 -1
  31. package/types/components/sections/Table.d.ts.map +1 -1
  32. package/types/components/sections/events/EventDetail.d.ts.map +1 -1
  33. package/types/components/sections/news/NewsTable.d.ts.map +1 -1
  34. package/cjs/TableBlock-007f8e34.js +0 -2
  35. package/cjs/TableBlock-007f8e34.js.map +0 -1
  36. package/esm/TableBlock-cc49e089.js.map +0 -1
@@ -21,7 +21,7 @@ import { g as getUrlParams, s as setUrlParam, d as deleteUrlParam } from './urlP
21
21
  import { F as Filter } from './Filter-2b5f5e53.js';
22
22
  import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
23
23
  import { u as useMounted } from './useMounted-1e4cc87b.js';
24
- import { T as Title, a as TableBlock } from './TableBlock-cc49e089.js';
24
+ import { T as Title, a as TableBlock } from './TableBlock-67fe2385.js';
25
25
  import { V as VideoCard } from './VideoCard-e6f342b8.js';
26
26
  import './concat-ab3c66f2.js';
27
27
  import './clamp-12d37b65.js';
@@ -47,7 +47,7 @@ var Seperator = styled.div.withConfig({
47
47
  var AuthorContainer = styled.div.withConfig({
48
48
  displayName: "NewsAuthorCard__AuthorContainer",
49
49
  componentId: "sc-17dx8qw-1"
50
- })(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"])), spacings.spacer, mq.medium, spacings.spacer);
50
+ })(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n justify-content: flex-start;\n text-align: left;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"])), spacings.spacer, mq.medium, spacings.spacer);
51
51
  var Avatar = styled.img.withConfig({
52
52
  displayName: "NewsAuthorCard__Avatar",
53
53
  componentId: "sc-17dx8qw-2"
@@ -93,7 +93,7 @@ var NewsAuthorCard = function (_a) {
93
93
  })));
94
94
  };
95
95
  var NewsAuthorCard$1 = withLibTheme(NewsAuthorCard);
96
- var templateObject_1$7, templateObject_2$4, templateObject_3$3, templateObject_4$3, templateObject_5$3;
96
+ var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$3, templateObject_5$3;
97
97
 
98
98
  var View = styled.div.withConfig({
99
99
  displayName: "NewsCard__View",
@@ -102,7 +102,7 @@ var View = styled.div.withConfig({
102
102
  var ImageLink = styled(Link).withConfig({
103
103
  displayName: "NewsCard__ImageLink",
104
104
  componentId: "sc-ahox9b-1"
105
- })(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n display: block;\n width: 100%;\n"], ["\n display: block;\n width: 100%;\n"])));
105
+ })(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n display: block;\n width: 100%;\n"], ["\n display: block;\n width: 100%;\n"])));
106
106
  var StyledImage$1 = styled(Image).withConfig({
107
107
  displayName: "NewsCard__StyledImage",
108
108
  componentId: "sc-ahox9b-2"
@@ -231,7 +231,7 @@ var NewsCard = forwardRef(function (_a, ref) {
231
231
  })), action && React__default.createElement(Action, null, action(isInverted)));
232
232
  });
233
233
  NewsCard.displayName = 'NewsCard';
234
- var templateObject_1$6, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
234
+ var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
235
235
 
236
236
  var TagContainer = styled.div.withConfig({
237
237
  displayName: "NewsOverview__TagContainer",
@@ -240,7 +240,7 @@ var TagContainer = styled.div.withConfig({
240
240
  var TagWrapper$1 = styled.div.withConfig({
241
241
  displayName: "NewsOverview__TagWrapper",
242
242
  componentId: "sc-5r2c7-1"
243
- })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n padding-top: ", "px;\n padding-left: ", "px;\n"], ["\n padding-top: ", "px;\n padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
243
+ })(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n padding-top: ", "px;\n padding-left: ", "px;\n"], ["\n padding-top: ", "px;\n padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
244
244
  var News$1 = styled.ul.withConfig({
245
245
  displayName: "NewsOverview__News",
246
246
  componentId: "sc-5r2c7-2"
@@ -598,7 +598,7 @@ var NewsOverview = function (_a) {
598
598
  }, React__default.createElement(Pointer.Label, null, showMoreText || 'mehr anzeigen')))))));
599
599
  };
600
600
  var NewsOverview$1 = withLibTheme(NewsOverview);
601
- var templateObject_1$5, templateObject_2$2, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1;
601
+ var templateObject_1$5, templateObject_2$3, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1;
602
602
 
603
603
  var NewsFooter = function (_a) {
604
604
  var anchorId = _a.anchorId,
@@ -744,7 +744,7 @@ var Content = styled.div.withConfig({
744
744
  var IntroHead = styled(Copy).withConfig({
745
745
  displayName: "NewsIntro__IntroHead",
746
746
  componentId: "sc-zz6rn6-1"
747
- })(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"], ["\n display: flex;\n\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"])), spacings.nudge * 2, mq.medium, spacings.nudge * 2);
747
+ })(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"], ["\n display: flex;\n\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n\n & > * + * {\n margin-top: ", "px;\n }\n\n @media ", " {\n flex-direction: row;\n align-items: center;\n\n & > * + * {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n"])), spacings.nudge * 2, mq.medium, spacings.nudge * 2);
748
748
  var Tags = styled.div.withConfig({
749
749
  displayName: "NewsIntro__Tags",
750
750
  componentId: "sc-zz6rn6-2"
@@ -846,7 +846,7 @@ var NewsIntro = function (_a) {
846
846
  })))));
847
847
  };
848
848
  var NewsIntro$1 = withLibTheme(NewsIntro);
849
- var templateObject_1$3, templateObject_2$1, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
849
+ var templateObject_1$3, templateObject_2$2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
850
850
 
851
851
  var News = styled.ul.withConfig({
852
852
  displayName: "NewsList__News",
@@ -855,7 +855,7 @@ var News = styled.ul.withConfig({
855
855
  var NewsItem = styled.li.withConfig({
856
856
  displayName: "NewsList__NewsItem",
857
857
  componentId: "sc-sew5jz-1"
858
- })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: ", "px;\n padding-left: ", "px;\n flex: 1 0 100%;\n max-width: 100%;\n\n @media ", " {\n flex: 1 0 50%;\n max-width: 50%;\n }\n\n @media ", " {\n flex: 1 0 33.33%;\n max-width: 33.33%;\n }\n"], ["\n padding-top: ", "px;\n padding-left: ", "px;\n flex: 1 0 100%;\n max-width: 100%;\n\n @media ", " {\n flex: 1 0 50%;\n max-width: 50%;\n }\n\n @media ", " {\n flex: 1 0 33.33%;\n max-width: 33.33%;\n }\n"])), spacings.nudge * 6, spacings.spacer, mq.medium, mq.large);
858
+ })(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n padding-top: ", "px;\n padding-left: ", "px;\n flex: 1 0 100%;\n max-width: 100%;\n\n @media ", " {\n flex: 1 0 50%;\n max-width: 50%;\n }\n\n @media ", " {\n flex: 1 0 33.33%;\n max-width: 33.33%;\n }\n"], ["\n padding-top: ", "px;\n padding-left: ", "px;\n flex: 1 0 100%;\n max-width: 100%;\n\n @media ", " {\n flex: 1 0 50%;\n max-width: 50%;\n }\n\n @media ", " {\n flex: 1 0 33.33%;\n max-width: 33.33%;\n }\n"])), spacings.nudge * 6, spacings.spacer, mq.medium, mq.large);
859
859
 
860
860
  var NewsList = function (_a) {
861
861
  var anchorId = _a.anchorId,
@@ -924,12 +924,16 @@ var NewsList = function (_a) {
924
924
  }))));
925
925
  };
926
926
  var NewsList$1 = withLibTheme(NewsList);
927
- var templateObject_1$2, templateObject_2;
927
+ var templateObject_1$2, templateObject_2$1;
928
928
 
929
+ var NewsTableSection = styled(Section).withConfig({
930
+ displayName: "NewsTable__NewsTableSection",
931
+ componentId: "sc-ph099f-0"
932
+ })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n overflow: unset;\n"], ["\n overflow: unset;\n"])));
929
933
  var TableWrapper = styled(Wrapper).withConfig({
930
934
  displayName: "NewsTable__TableWrapper",
931
- componentId: "sc-ph099f-0"
932
- })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n & > * + * {\n margin-top: ", "px;\n }\n"], ["\n & > * + * {\n margin-top: ", "px;\n }\n"])), spacings.spacer);
935
+ componentId: "sc-ph099f-1"
936
+ })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n & > * + * {\n margin-top: ", "px;\n }\n"], ["\n & > * + * {\n margin-top: ", "px;\n }\n"])), spacings.spacer);
933
937
 
934
938
  var NewsTable = function (_a) {
935
939
  var anchorId = _a.anchorId,
@@ -938,7 +942,7 @@ var NewsTable = function (_a) {
938
942
  var colors = useLibTheme().colors;
939
943
  var isInverted = bgMode === 'inverted';
940
944
  var hasBg = bgMode === 'full' || isInverted;
941
- return React__default.createElement(Section, {
945
+ return React__default.createElement(NewsTableSection, {
942
946
  addSeperation: true,
943
947
  anchorId: anchorId,
944
948
  bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
@@ -954,7 +958,7 @@ var NewsTable = function (_a) {
954
958
  })));
955
959
  };
956
960
  var NewsTable$1 = withLibTheme(NewsTable);
957
- var templateObject_1$1;
961
+ var templateObject_1$1, templateObject_2;
958
962
 
959
963
  var ContentBlock = styled(Copy).withConfig({
960
964
  displayName: "NewsText__ContentBlock",