@volvo-cars/ced-os-react-components - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

dist/ced-os-react-components.cjs.js

@@ -95,5 +95,2 @@ var __create = Object.create;
       return data.value;
-    if (data.type === "slot") {
-      return data.value;
-    }
     if (Array.isArray(data)) {
@@ -152,7 +149,7 @@ return import_react.default.createElement(import_react.default.Fragment, null, renderChildren(render2, data));
 // src/render/config.js
-var import_react52 = __toModule(require("react"));
+var import_react53 = __toModule(require("react"));
 
 // src/support/molecules/Article/index.js
 var import_vcc_ui5 = __toModule(require("vcc-ui"));
-var import_react6 = __toModule(require("react"));
+var import_react7 = __toModule(require("react"));
 
@@ -248,5 +245,15 @@ // src/utils/propTypeUtils.js
 
+// src/support/molecules/Slot/index.js
+var import_react6 = __toModule(require("react"));
+var import_prop_types6 = __toModule(require("prop-types"));
+function Slot({children}) {
+  return import_react6.Children.only(children);
+}
+Slot.propTypes = {
+  children: import_prop_types6.default.node
+};
+
 // src/support/molecules/Article/index.js
 function Article({children, ...props2}) {
-  return /* @__PURE__ */ import_react6.default.createElement(import_vcc_ui5.View, {
+  return /* @__PURE__ */ import_react7.default.createElement(import_vcc_ui5.View, {
     spacing: 3,
@@ -258,3 +265,3 @@ paddingLeft: 2,
     ...props2
-  }, children, /* @__PURE__ */ import_react6.default.createElement(import_vcc_ui5.Spacer, {
+  }, children, /* @__PURE__ */ import_react7.default.createElement(import_vcc_ui5.Spacer, {
     size: 2
@@ -264,3 +271,3 @@ }));
 Article.propTypes = {
-  children: allowedChildren([Segment, Title, Lead])
+  children: allowedChildren([Segment, Title, Lead, Slot])
 };
@@ -270,6 +277,6 @@
 var import_vcc_ui6 = __toModule(require("vcc-ui"));
-var import_react7 = __toModule(require("react"));
-var import_prop_types6 = __toModule(require("prop-types"));
+var import_react8 = __toModule(require("react"));
+var import_prop_types7 = __toModule(require("prop-types"));
 function SubSegment({children}) {
-  return /* @__PURE__ */ import_react7.default.createElement(import_vcc_ui6.View, {
+  return /* @__PURE__ */ import_react8.default.createElement(import_vcc_ui6.View, {
     as: "section",
@@ -280,12 +287,12 @@ spacing: 3
 SubSegment.propTypes = {
-  title: import_prop_types6.default.node,
-  children: import_prop_types6.default.node
+  title: import_prop_types7.default.node,
+  children: import_prop_types7.default.node
 };
 
 // src/support/atoms/ListItem/index.js
-var import_react8 = __toModule(require("react"));
+var import_react9 = __toModule(require("react"));
 var import_vcc_ui7 = __toModule(require("vcc-ui"));
-var import_prop_types7 = __toModule(require("prop-types"));
+var import_prop_types8 = __toModule(require("prop-types"));
 function ListItem({children, extend}) {
-  return /* @__PURE__ */ import_react8.default.createElement(import_vcc_ui7.Text, {
+  return /* @__PURE__ */ import_react9.default.createElement(import_vcc_ui7.Text, {
     as: "li",
@@ -296,4 +303,4 @@ extend: {display: "list-item", ...extend}
 ListItem.propTypes = {
-  extend: import_prop_types7.default.object,
-  children: import_prop_types7.default.node
+  extend: import_prop_types8.default.object,
+  children: import_prop_types8.default.node
 };
@@ -303,13 +310,13 @@
 var import_vcc_ui14 = __toModule(require("vcc-ui"));
-var import_react19 = __toModule(require("react"));
+var import_react20 = __toModule(require("react"));
 
 // src/support/atoms/ListPrecondition/index.js
-var import_react18 = __toModule(require("react"));
-var import_prop_types15 = __toModule(require("prop-types"));
+var import_react19 = __toModule(require("react"));
+var import_prop_types16 = __toModule(require("prop-types"));
 
 // src/support/atoms/UnorderedList/index.js
-var import_react9 = __toModule(require("react"));
-var import_prop_types8 = __toModule(require("prop-types"));
+var import_react10 = __toModule(require("react"));
+var import_prop_types9 = __toModule(require("prop-types"));
 function UnorderedList(props2) {
-  return /* @__PURE__ */ import_react9.default.createElement(ListRoot, {
+  return /* @__PURE__ */ import_react10.default.createElement(ListRoot, {
     as: "ul",
@@ -320,4 +327,4 @@ ...props2
 UnorderedList.propTypes = {
-  extend: import_prop_types8.default.object,
-  children: import_prop_types8.default.node
+  extend: import_prop_types9.default.object,
+  children: import_prop_types9.default.node
 };
@@ -327,10 +334,10 @@
 var import_vcc_ui12 = __toModule(require("vcc-ui"));
-var import_react17 = __toModule(require("react"));
+var import_react18 = __toModule(require("react"));
 
 // src/support/atoms/Caption/index.js
 var import_vcc_ui8 = __toModule(require("vcc-ui"));
-var import_react10 = __toModule(require("react"));
-var import_prop_types9 = __toModule(require("prop-types"));
+var import_react11 = __toModule(require("react"));
+var import_prop_types10 = __toModule(require("prop-types"));
 function Caption({children, extend}) {
-  return /* @__PURE__ */ import_react10.default.createElement(import_vcc_ui8.Text, {
+  return /* @__PURE__ */ import_react11.default.createElement(import_vcc_ui8.Text, {
     variant: "bates",
@@ -341,8 +348,8 @@ as: "figcaption",
 }
-Caption.propTypes = {extend: import_prop_types9.default.object, children: import_prop_types9.default.node};
+Caption.propTypes = {extend: import_prop_types10.default.object, children: import_prop_types10.default.node};
 
 // src/support/atoms/Img/index.js
 var import_vcc_ui9 = __toModule(require("vcc-ui"));
-var import_react11 = __toModule(require("react"));
-var import_prop_types10 = __toModule(require("prop-types"));
+var import_react12 = __toModule(require("react"));
+var import_prop_types11 = __toModule(require("prop-types"));
 function Img({children, extend, src, alt, imageClass}) {
@@ -358,3 +365,3 @@ const imageClassModifications = {};
   }
-  return /* @__PURE__ */ import_react11.default.createElement(import_vcc_ui9.Block, {
+  return /* @__PURE__ */ import_react12.default.createElement(import_vcc_ui9.Block, {
     as: "img",
@@ -372,21 +379,25 @@ src,
 Img.propTypes = {
-  extend: import_prop_types10.default.object,
-  children: import_prop_types10.default.any,
-  src: import_prop_types10.default.string,
-  alt: import_prop_types10.default.string,
-  imageClass: import_prop_types10.default.oneOf(["web-table-pict", "web-table-pict-small"])
+  extend: import_prop_types11.default.object,
+  children: import_prop_types11.default.any,
+  src: import_prop_types11.default.string,
+  alt: import_prop_types11.default.string,
+  imageClass: import_prop_types11.default.oneOf([
+    "web-table-pict",
+    "web-table-pict-small",
+    "web-pagewide"
+  ])
 };
 
 // src/support/atoms/LegendRoot/index.js
-var import_react16 = __toModule(require("react"));
+var import_react17 = __toModule(require("react"));
 
 // src/support/atoms/LegendEntry/index.js
-var import_react15 = __toModule(require("react"));
+var import_react16 = __toModule(require("react"));
 
 // src/support/atoms/LegendDescription/index.js
-var import_react12 = __toModule(require("react"));
-var import_prop_types11 = __toModule(require("prop-types"));
+var import_react13 = __toModule(require("react"));
+var import_prop_types12 = __toModule(require("prop-types"));
 var import_vcc_ui10 = __toModule(require("vcc-ui"));
 function LegendDescription({children}) {
-  return /* @__PURE__ */ import_react12.default.createElement(import_vcc_ui10.Inline, {
+  return /* @__PURE__ */ import_react13.default.createElement(import_vcc_ui10.Inline, {
     extend: {marginLeft: "0.2em"}
@@ -396,13 +407,13 @@ }, children);
 LegendDescription.propTypes = {
-  children: import_prop_types11.default.any
+  children: import_prop_types12.default.any
 };
 
 // src/support/atoms/LegendSymbol/index.js
-var import_react14 = __toModule(require("react"));
+var import_react15 = __toModule(require("react"));
 
 // src/support/atoms/Symbol/index.js
 var import_vcc_ui11 = __toModule(require("vcc-ui"));
-var import_react13 = __toModule(require("react"));
+var import_react14 = __toModule(require("react"));
 function Symbol({children, src, alt, extend}) {
-  return /* @__PURE__ */ import_react13.default.createElement(import_vcc_ui11.Inline, {
+  return /* @__PURE__ */ import_react14.default.createElement(import_vcc_ui11.Inline, {
     as: "img",
@@ -422,8 +433,8 @@ src,
 // src/support/atoms/LegendSymbol/index.js
-var import_prop_types12 = __toModule(require("prop-types"));
+var import_prop_types13 = __toModule(require("prop-types"));
 function LegendSymbol({children}) {
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, children, " ");
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, children, " ");
 }
 LegendSymbol.propTypes = {
-  children: allowedChildren([Symbol, import_prop_types12.default.string])
+  children: allowedChildren([Symbol, import_prop_types13.default.string])
 };
@@ -433,3 +444,3 @@
 function LegendEntry({children}) {
-  return /* @__PURE__ */ import_react15.default.createElement(ListItem, {
+  return /* @__PURE__ */ import_react16.default.createElement(ListItem, {
     extend: {listStyleType: "none", display: "flex"}
@@ -443,5 +454,5 @@ }, children);
 // src/support/atoms/LegendRoot/index.js
-var import_prop_types13 = __toModule(require("prop-types"));
+var import_prop_types14 = __toModule(require("prop-types"));
 function LegendRoot({children, extend}) {
-  return /* @__PURE__ */ import_react16.default.createElement(OrderedList, {
+  return /* @__PURE__ */ import_react17.default.createElement(OrderedList, {
     extend: {paddingLeft: 0, ...extend}
@@ -451,3 +462,3 @@ }, children);
 LegendRoot.propTypes = {
-  extend: import_prop_types13.default.object,
+  extend: import_prop_types14.default.object,
   children: allowedChildren([LegendEntry])
@@ -457,5 +468,5 @@ };
 // src/support/atoms/Figure/index.js
-var import_prop_types14 = __toModule(require("prop-types"));
+var import_prop_types15 = __toModule(require("prop-types"));
 function Figure({children, extend}) {
-  return /* @__PURE__ */ import_react17.default.createElement(import_vcc_ui12.View, {
+  return /* @__PURE__ */ import_react18.default.createElement(import_vcc_ui12.View, {
     spacing: 1.5,
@@ -469,3 +480,3 @@ margin: 0,
   children: allowedChildren([Img, Caption, LegendRoot]),
-  extend: import_prop_types14.default.object
+  extend: import_prop_types15.default.object
 };
@@ -476,3 +487,3 @@
 function ListPrecondition({children}) {
-  return /* @__PURE__ */ import_react18.default.createElement(import_vcc_ui13.View, {
+  return /* @__PURE__ */ import_react19.default.createElement(import_vcc_ui13.View, {
     spacing: 1.5
@@ -487,3 +498,3 @@ }, children);
     Figure,
-    import_prop_types15.default.string
+    import_prop_types16.default.string
   ])
@@ -493,9 +504,9 @@ };
 // src/support/atoms/ListRoot/index.js
-var import_prop_types16 = __toModule(require("prop-types"));
+var import_prop_types17 = __toModule(require("prop-types"));
 function ListRoot({as = "ul", children, extend}) {
-  const arr = import_react19.Children.toArray(children);
+  const arr = import_react20.Children.toArray(children);
   if (arr[0] && arr[0].type === ListPrecondition) {
-    return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, arr[0], /* @__PURE__ */ import_react19.default.createElement(import_vcc_ui14.Spacer, {
+    return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, arr[0], /* @__PURE__ */ import_react20.default.createElement(import_vcc_ui14.Spacer, {
       size: 1.5
-    }), /* @__PURE__ */ import_react19.default.createElement(import_vcc_ui14.View, {
+    }), /* @__PURE__ */ import_react20.default.createElement(import_vcc_ui14.View, {
       spacing: 1.5,
@@ -506,3 +517,3 @@ as,
   } else {
-    return /* @__PURE__ */ import_react19.default.createElement(import_vcc_ui14.View, {
+    return /* @__PURE__ */ import_react20.default.createElement(import_vcc_ui14.View, {
       spacing: 1.5,
@@ -515,10 +526,10 @@ as,
 ListRoot.propTypes = {
-  as: import_prop_types16.default.oneOf(["ul", "ol"]),
-  children: import_prop_types16.default.node,
-  extend: import_prop_types16.default.object
+  as: import_prop_types17.default.oneOf(["ul", "ol"]),
+  children: import_prop_types17.default.node,
+  extend: import_prop_types17.default.object
 };
 
 // src/support/atoms/OrderedList/index.js
-var import_react20 = __toModule(require("react"));
-var import_prop_types17 = __toModule(require("prop-types"));
+var import_react21 = __toModule(require("react"));
+var import_prop_types18 = __toModule(require("prop-types"));
 function OrderedList({children, listtype, extend}) {
@@ -538,3 +549,3 @@ let listStyleType;
   }
-  return /* @__PURE__ */ import_react20.default.createElement(ListRoot, {
+  return /* @__PURE__ */ import_react21.default.createElement(ListRoot, {
     as: "ol",
@@ -545,5 +556,5 @@ extend: {listStyleType, ...extend}
 OrderedList.propTypes = {
-  listtype: import_prop_types17.default.oneOf(["123", "abc", "ABC"]),
-  extend: import_prop_types17.default.object,
-  children: import_prop_types17.default.node
+  listtype: import_prop_types18.default.oneOf(["123", "abc", "ABC"]),
+  extend: import_prop_types18.default.object,
+  children: import_prop_types18.default.node
 };
@@ -553,6 +564,6 @@
 var import_vcc_ui15 = __toModule(require("vcc-ui"));
-var import_react21 = __toModule(require("react"));
-var import_prop_types18 = __toModule(require("prop-types"));
+var import_react22 = __toModule(require("react"));
+var import_prop_types19 = __toModule(require("prop-types"));
 function InlineText({extend, children, subStyle, variant}) {
-  return /* @__PURE__ */ import_react21.default.createElement(import_vcc_ui15.Text, {
+  return /* @__PURE__ */ import_react22.default.createElement(import_vcc_ui15.Text, {
     as: "span",
@@ -568,13 +579,13 @@ extend: {
 InlineText.propTypes = {
-  subStyle: import_prop_types18.default.string,
-  variant: import_prop_types18.default.string,
-  extend: import_prop_types18.default.object,
-  children: import_prop_types18.default.node
+  subStyle: import_prop_types19.default.string,
+  variant: import_prop_types19.default.string,
+  extend: import_prop_types19.default.object,
+  children: import_prop_types19.default.node
 };
 
 // src/support/atoms/NonBreakingText/index.js
-var import_react22 = __toModule(require("react"));
-var import_prop_types19 = __toModule(require("prop-types"));
+var import_react23 = __toModule(require("react"));
+var import_prop_types20 = __toModule(require("prop-types"));
 function NonBreakingText({children, extend}) {
-  return /* @__PURE__ */ import_react22.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react23.default.createElement(InlineText, {
     as: "span",
@@ -585,11 +596,11 @@ extend: {whiteSpace: "nowrap", ...extend}
 NonBreakingText.propTypes = {
-  extend: import_prop_types19.default.object,
-  children: import_prop_types19.default.node
+  extend: import_prop_types20.default.object,
+  children: import_prop_types20.default.node
 };
 
 // src/support/atoms/BoldText/index.js
-var import_react23 = __toModule(require("react"));
-var import_prop_types20 = __toModule(require("prop-types"));
+var import_react24 = __toModule(require("react"));
+var import_prop_types21 = __toModule(require("prop-types"));
 function BoldText({children, extend}) {
-  return /* @__PURE__ */ import_react23.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react24.default.createElement(InlineText, {
     as: "b",
@@ -601,11 +612,11 @@ subStyle: "emphasis",
 BoldText.propTypes = {
-  extend: import_prop_types20.default.object,
-  children: import_prop_types20.default.node
+  extend: import_prop_types21.default.object,
+  children: import_prop_types21.default.node
 };
 
 // src/support/atoms/InteriorText/index.js
-var import_react24 = __toModule(require("react"));
-var import_prop_types21 = __toModule(require("prop-types"));
+var import_react25 = __toModule(require("react"));
+var import_prop_types22 = __toModule(require("prop-types"));
 function InteriorText({extend, children}) {
-  return /* @__PURE__ */ import_react24.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react25.default.createElement(InlineText, {
     as: "i",
@@ -617,11 +628,11 @@ subStyle: "emphasis",
 InteriorText.propTypes = {
-  extend: import_prop_types21.default.object,
-  children: import_prop_types21.default.node
+  extend: import_prop_types22.default.object,
+  children: import_prop_types22.default.node
 };
 
 // src/support/atoms/LiteralText/index.js
-var import_react25 = __toModule(require("react"));
-var import_prop_types22 = __toModule(require("prop-types"));
+var import_react26 = __toModule(require("react"));
+var import_prop_types23 = __toModule(require("prop-types"));
 function LiteralText({children, extend, ...props2}) {
-  return /* @__PURE__ */ import_react25.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react26.default.createElement(InlineText, {
     extend,
@@ -632,11 +643,11 @@ ...props2
 LiteralText.propTypes = {
-  extend: import_prop_types22.default.object,
-  children: import_prop_types22.default.node
+  extend: import_prop_types23.default.object,
+  children: import_prop_types23.default.node
 };
 
 // src/support/atoms/SubText/index.js
-var import_react26 = __toModule(require("react"));
-var import_prop_types23 = __toModule(require("prop-types"));
+var import_react27 = __toModule(require("react"));
+var import_prop_types24 = __toModule(require("prop-types"));
 function SubText({children, extend}) {
-  return /* @__PURE__ */ import_react26.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react27.default.createElement(InlineText, {
     as: "sub",
@@ -648,4 +659,4 @@ variant: "bates",
 SubText.propTypes = {
-  extend: import_prop_types23.default.object,
-  children: import_prop_types23.default.node
+  extend: import_prop_types24.default.object,
+  children: import_prop_types24.default.node
 };
@@ -655,3 +666,3 @@
 var import_vcc_ui18 = __toModule(require("vcc-ui"));
-var import_react29 = __toModule(require("react"));
+var import_react30 = __toModule(require("react"));
 
@@ -667,11 +678,11 @@ // src/utils/felaUtils.js
 // src/support/atoms/MenuPathText/index.js
-var import_prop_types26 = __toModule(require("prop-types"));
+var import_prop_types27 = __toModule(require("prop-types"));
 
 // src/support/atoms/DisplayDbText/index.js
 var import_vcc_ui16 = __toModule(require("vcc-ui"));
-var import_react27 = __toModule(require("react"));
-var import_prop_types24 = __toModule(require("prop-types"));
+var import_react28 = __toModule(require("react"));
+var import_prop_types25 = __toModule(require("prop-types"));
 function DisplayDbText({extend, children}) {
   const theme = (0, import_vcc_ui16.useTheme)();
-  return /* @__PURE__ */ import_react27.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react28.default.createElement(InlineText, {
     as: "i",
@@ -686,4 +697,4 @@ subStyle: "emphasis",
 DisplayDbText.propTypes = {
-  extend: import_prop_types24.default.object,
-  children: import_prop_types24.default.node
+  extend: import_prop_types25.default.object,
+  children: import_prop_types25.default.node
 };
@@ -693,7 +704,7 @@
 var import_vcc_ui17 = __toModule(require("vcc-ui"));
-var import_react28 = __toModule(require("react"));
-var import_prop_types25 = __toModule(require("prop-types"));
+var import_react29 = __toModule(require("react"));
+var import_prop_types26 = __toModule(require("prop-types"));
 function DisplayText({extend, children}) {
   const theme = (0, import_vcc_ui17.useTheme)();
-  return /* @__PURE__ */ import_react28.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react29.default.createElement(InlineText, {
     as: "i",
@@ -707,3 +718,3 @@ subStyle: "emphasis",
 }
-DisplayText.propTypes = {extend: import_prop_types25.default.object, children: import_prop_types25.default.node};
+DisplayText.propTypes = {extend: import_prop_types26.default.object, children: import_prop_types26.default.node};
 
@@ -713,3 +724,3 @@ // src/support/atoms/MenuPathText/index.js
   const theme = (0, import_vcc_ui18.useTheme)();
-  return /* @__PURE__ */ import_react29.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react30.default.createElement(InlineText, {
     as: "span",
@@ -724,3 +735,3 @@ extend: {
 MenuPathText.propTypes = {
-  extend: import_prop_types26.default.object,
+  extend: import_prop_types27.default.object,
   children: allowedChildren([DisplayDbText, DisplayText])
@@ -730,6 +741,6 @@ };
 // src/support/atoms/SupText/index.js
-var import_react30 = __toModule(require("react"));
-var import_prop_types27 = __toModule(require("prop-types"));
+var import_react31 = __toModule(require("react"));
+var import_prop_types28 = __toModule(require("prop-types"));
 function SupText({children, extend}) {
-  return /* @__PURE__ */ import_react30.default.createElement(InlineText, {
+  return /* @__PURE__ */ import_react31.default.createElement(InlineText, {
     as: "sup",
@@ -741,4 +752,4 @@ variant: "bates",
 SupText.propTypes = {
-  extend: import_prop_types27.default.object,
-  children: import_prop_types27.default.node
+  extend: import_prop_types28.default.object,
+  children: import_prop_types28.default.node
 };
@@ -748,12 +759,12 @@
 var import_vcc_ui20 = __toModule(require("vcc-ui"));
-var import_react32 = __toModule(require("react"));
+var import_react33 = __toModule(require("react"));
 
 // src/support/atoms/MediaBlock/index.js
 var import_vcc_ui19 = __toModule(require("vcc-ui"));
-var import_react31 = __toModule(require("react"));
-var import_prop_types28 = __toModule(require("prop-types"));
+var import_react32 = __toModule(require("react"));
+var import_prop_types29 = __toModule(require("prop-types"));
 function MediaBlock({ratio = "16:9", children, extend}) {
   const [w, h] = ratio.match(/^(\d+)[x:](\d+)$/).slice(1);
   const paddingPercent = h / w * 100;
-  return /* @__PURE__ */ import_react31.default.createElement(import_vcc_ui19.Block, {
+  return /* @__PURE__ */ import_react32.default.createElement(import_vcc_ui19.Block, {
     extend: {
@@ -774,4 +785,4 @@ position: "relative",
 MediaBlock.propTypes = {
-  extend: import_prop_types28.default.object,
-  ratio: import_prop_types28.default.oneOf([
+  extend: import_prop_types29.default.object,
+  ratio: import_prop_types29.default.oneOf([
     "16:9",
@@ -786,11 +797,11 @@ "1:1",
   ]),
-  children: import_prop_types28.default.node
+  children: import_prop_types29.default.node
 };
 
 // src/support/molecules/Video/index.js
-var import_prop_types29 = __toModule(require("prop-types"));
+var import_prop_types30 = __toModule(require("prop-types"));
 function Video({poster, src, ratio = "16:9"}) {
-  return /* @__PURE__ */ import_react32.default.createElement(MediaBlock, {
+  return /* @__PURE__ */ import_react33.default.createElement(MediaBlock, {
     ratio
-  }, /* @__PURE__ */ import_react32.default.createElement(import_vcc_ui20.Block, {
+  }, /* @__PURE__ */ import_react33.default.createElement(import_vcc_ui20.Block, {
     as: "video",
@@ -804,5 +815,5 @@ preload: "auto",
 Video.propTypes = {
-  poster: import_prop_types29.default.string,
-  src: import_prop_types29.default.string,
-  ratio: import_prop_types29.default.string
+  poster: import_prop_types30.default.string,
+  src: import_prop_types30.default.string,
+  ratio: import_prop_types30.default.string
 };
@@ -813,12 +824,12 @@
 var import_vcc_ui22 = __toModule(require("vcc-ui"));
-var import_react34 = __toModule(require("react"));
+var import_react35 = __toModule(require("react"));
 
 // src/support/atoms/InfoIcon/index.js
 var import_vcc_ui21 = __toModule(require("vcc-ui"));
-var import_react33 = __toModule(require("react"));
-var import_prop_types30 = __toModule(require("prop-types"));
+var import_react34 = __toModule(require("react"));
+var import_prop_types31 = __toModule(require("prop-types"));
 function InfoIcon({color, size = 1}) {
   const theme = (0, import_vcc_ui21.useTheme)();
   const w = size * theme.baselineGrid * 2;
-  return /* @__PURE__ */ import_react33.default.createElement(import_vcc_ui21.Inline, {
+  return /* @__PURE__ */ import_react34.default.createElement(import_vcc_ui21.Inline, {
     extend: {
@@ -833,6 +844,6 @@ verticalAlign: "baseline",
 }
-InfoIcon.propTypes = {color: import_prop_types30.default.string, size: import_prop_types30.default.number};
+InfoIcon.propTypes = {color: import_prop_types31.default.string, size: import_prop_types31.default.number};
 
 // src/support/atoms/InfoBox/index.js
-var import_prop_types31 = __toModule(require("prop-types"));
+var import_prop_types32 = __toModule(require("prop-types"));
 function InfoBox({children, variant, title: propTitle}) {
@@ -861,34 +872,34 @@ const {t} = (0, import_react_i18next.useTranslation)();
   }
-  return /* @__PURE__ */ import_react34.default.createElement(import_vcc_ui22.View, {
+  return /* @__PURE__ */ import_react35.default.createElement(import_vcc_ui22.View, {
     extend: {borderLeft: `5px solid ${color}`},
     padding: 1,
     paddingLeft: 2
-  }, /* @__PURE__ */ import_react34.default.createElement(Title, {
+  }, /* @__PURE__ */ import_react35.default.createElement(Title, {
     level: 3
-  }, /* @__PURE__ */ import_react34.default.createElement(InfoIcon, {
+  }, /* @__PURE__ */ import_react35.default.createElement(InfoIcon, {
     color
-  }), " ", title), /* @__PURE__ */ import_react34.default.createElement(import_vcc_ui22.Spacer, {
+  }), " ", title), /* @__PURE__ */ import_react35.default.createElement(import_vcc_ui22.Spacer, {
     size: 2
-  }), /* @__PURE__ */ import_react34.default.createElement(import_vcc_ui22.Flex, null, children));
+  }), /* @__PURE__ */ import_react35.default.createElement(import_vcc_ui22.Flex, null, children));
 }
 InfoBox.propTypes = {
-  children: import_prop_types31.default.node,
-  variant: import_prop_types31.default.oneOf(["warning", "note", "important"]),
-  title: import_prop_types31.default.string
+  children: import_prop_types32.default.node,
+  variant: import_prop_types32.default.oneOf(["warning", "note", "important"]),
+  title: import_prop_types32.default.string
 };
 
 // src/support/atoms/ProcedureRoot/index.js
-var import_react38 = __toModule(require("react"));
+var import_react39 = __toModule(require("react"));
 
 // src/support/atoms/ProcedureStep/index.js
-var import_react37 = __toModule(require("react"));
+var import_react38 = __toModule(require("react"));
 
 // src/support/atoms/ProcedureAction/index.js
-var import_react35 = __toModule(require("react"));
-var import_prop_types32 = __toModule(require("prop-types"));
+var import_react36 = __toModule(require("react"));
+var import_prop_types33 = __toModule(require("prop-types"));
 function ProcedureAction({children}) {
-  return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, children);
 }
 ProcedureAction.propTypes = {
-  extend: import_prop_types32.default.object,
+  extend: import_prop_types33.default.object,
   children: allowedChildren([Paragraph])
@@ -899,7 +910,7 @@ };
 var import_vcc_ui23 = __toModule(require("vcc-ui"));
-var import_react36 = __toModule(require("react"));
-var import_prop_types33 = __toModule(require("prop-types"));
+var import_react37 = __toModule(require("react"));
+var import_prop_types34 = __toModule(require("prop-types"));
 function ProcedureResult({children}) {
   const theme = (0, import_vcc_ui23.useTheme)();
-  return /* @__PURE__ */ import_react36.default.createElement(import_vcc_ui23.Block, {
+  return /* @__PURE__ */ import_react37.default.createElement(import_vcc_ui23.Block, {
     extend: {
@@ -919,3 +930,3 @@ "> *": {
 ProcedureResult.propTypes = {
-  extend: import_prop_types33.default.object,
+  extend: import_prop_types34.default.object,
   children: allowedChildren([Paragraph])
@@ -926,3 +937,3 @@ };
 function ProcedureStep({children}) {
-  return /* @__PURE__ */ import_react37.default.createElement(ListItem, {
+  return /* @__PURE__ */ import_react38.default.createElement(ListItem, {
     extend: {
@@ -949,3 +960,3 @@ listStyleType: "none",
 function ProcedureRoot({children}) {
-  return /* @__PURE__ */ import_react38.default.createElement(OrderedList, {
+  return /* @__PURE__ */ import_react39.default.createElement(OrderedList, {
     extend: {
@@ -962,13 +973,13 @@ counterReset: "step"
 var import_vcc_ui24 = __toModule(require("vcc-ui"));
-var import_react39 = __toModule(require("react"));
-var import_prop_types34 = __toModule(require("prop-types"));
+var import_react40 = __toModule(require("react"));
+var import_prop_types35 = __toModule(require("prop-types"));
 function PImg({children}) {
   const theme = (0, import_vcc_ui24.useTheme)();
-  const childArr = import_react39.Children.toArray(children);
+  const childArr = import_react40.Children.toArray(children);
   const img = childArr.filter((child) => child.type === Img);
   const content = childArr.filter((child) => child.type !== Img);
-  return /* @__PURE__ */ import_react39.default.createElement(import_vcc_ui24.View, {
+  return /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui24.View, {
     spacing: 3,
     direction: ["column", "row"]
-  }, /* @__PURE__ */ import_react39.default.createElement(import_vcc_ui24.Block, {
+  }, /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui24.Block, {
     extend: {
@@ -978,3 +989,3 @@ "> img": {width: "100%", maxWidth: "5rem"},
     }
-  }, img), /* @__PURE__ */ import_react39.default.createElement(import_vcc_ui24.Block, {
+  }, img), /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui24.Block, {
     size: 10
@@ -984,13 +995,13 @@ }, content));
 PImg.propTypes = {
-  extend: import_prop_types34.default.object,
-  children: import_prop_types34.default.node
+  extend: import_prop_types35.default.object,
+  children: import_prop_types35.default.node
 };
 
 // src/support/molecules/Disclaimer/index.js
-var import_react41 = __toModule(require("react"));
+var import_react42 = __toModule(require("react"));
 
 // src/support/molecules/Tooltip/index.js
 var import_vcc_ui25 = __toModule(require("vcc-ui"));
-var import_react40 = __toModule(require("react"));
-var import_prop_types35 = __toModule(require("prop-types"));
+var import_react41 = __toModule(require("react"));
+var import_prop_types36 = __toModule(require("prop-types"));
 function reducer(state, action) {
@@ -1008,8 +1019,8 @@ switch (action.type) {
 function Tooltip({children, content}) {
-  const [isVisible, dispatch] = (0, import_react40.useReducer)(reducer, false);
-  const click = (0, import_react40.useCallback)(() => dispatch({type: "toggle"}), []);
-  return /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.Inline, null, /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.Click, {
+  const [isVisible, dispatch] = (0, import_react41.useReducer)(reducer, false);
+  const click = (0, import_react41.useCallback)(() => dispatch({type: "toggle"}), []);
+  return /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.Inline, null, /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.Click, {
     onClick: click,
     extend: {position: "relative", display: "inline"}
-  }, children, isVisible && /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.Flex, {
+  }, children, isVisible && /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.Flex, {
     extend: {
@@ -1028,30 +1039,30 @@ position: "fixed",
     }
-  }, /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.Block, {
+  }, /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.Block, {
     extend: {maxWidth: "500px", margin: "auto"}
-  }, /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.Card, null, /* @__PURE__ */ import_react40.default.createElement(import_vcc_ui25.CardContent, null, content))))));
+  }, /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.Card, null, /* @__PURE__ */ import_react41.default.createElement(import_vcc_ui25.CardContent, null, content))))));
 }
 Tooltip.propTypes = {
-  content: import_prop_types35.default.node.isRequired,
-  children: import_prop_types35.default.node.isRequired
+  content: import_prop_types36.default.node.isRequired,
+  children: import_prop_types36.default.node.isRequired
 };
 
 // src/support/molecules/Disclaimer/index.js
-var import_prop_types36 = __toModule(require("prop-types"));
+var import_prop_types37 = __toModule(require("prop-types"));
 function Disclaimer({children}) {
-  return /* @__PURE__ */ import_react41.default.createElement(Tooltip, {
+  return /* @__PURE__ */ import_react42.default.createElement(Tooltip, {
     content: children
-  }, /* @__PURE__ */ import_react41.default.createElement(SupText, null, "*"));
+  }, /* @__PURE__ */ import_react42.default.createElement(SupText, null, "*"));
 }
-Disclaimer.propTypes = {children: import_prop_types36.default.string};
+Disclaimer.propTypes = {children: import_prop_types37.default.string};
 
 // src/support/molecules/Footnote/index.js
-var import_react42 = __toModule(require("react"));
-var import_prop_types37 = __toModule(require("prop-types"));
+var import_react43 = __toModule(require("react"));
+var import_prop_types38 = __toModule(require("prop-types"));
 function Footnote({children}) {
-  return /* @__PURE__ */ import_react42.default.createElement(Tooltip, {
+  return /* @__PURE__ */ import_react43.default.createElement(Tooltip, {
     content: children
-  }, /* @__PURE__ */ import_react42.default.createElement(InfoIcon, null));
+  }, /* @__PURE__ */ import_react43.default.createElement(InfoIcon, null));
 }
 Footnote.propTypes = {
-  children: import_prop_types37.default.node
+  children: import_prop_types38.default.node
 };
@@ -1061,14 +1072,14 @@
 var import_vcc_ui31 = __toModule(require("vcc-ui"));
-var import_react49 = __toModule(require("react"));
+var import_react50 = __toModule(require("react"));
 
 // src/support/atoms/TableGroup/index.js
 var import_vcc_ui30 = __toModule(require("vcc-ui"));
-var import_react48 = __toModule(require("react"));
+var import_react49 = __toModule(require("react"));
 
 // src/support/atoms/TableBody/index.js
 var import_vcc_ui28 = __toModule(require("vcc-ui"));
-var import_react45 = __toModule(require("react"));
+var import_react46 = __toModule(require("react"));
 
 // src/support/atoms/TableRow/index.js
-var import_react44 = __toModule(require("react"));
+var import_react45 = __toModule(require("react"));
 var import_vcc_ui27 = __toModule(require("vcc-ui"));
@@ -1078,4 +1089,4 @@
 var import_vcc_ui26 = __toModule(require("vcc-ui"));
-var import_prop_types38 = __toModule(require("prop-types"));
-var import_react43 = __toModule(require("react"));
+var import_prop_types39 = __toModule(require("prop-types"));
+var import_react44 = __toModule(require("react"));
 function TableEntry({children, morerows, valign, align, isHead}) {
@@ -1085,3 +1096,3 @@ const theme = (0, import_vcc_ui26.useTheme)();
   const rowSpan = moreRowsInteger + 1;
-  return /* @__PURE__ */ import_react43.default.createElement(import_vcc_ui26.Block, {
+  return /* @__PURE__ */ import_react44.default.createElement(import_vcc_ui26.Block, {
     as: isHead ? "th" : "td",
@@ -1100,7 +1111,7 @@ extend: {
 TableEntry.propTypes = {
-  isHead: import_prop_types38.default.bool,
-  morerows: import_prop_types38.default.oneOfType([import_prop_types38.default.number, import_prop_types38.default.string]),
-  valign: import_prop_types38.default.oneOf(["top", "bottom", "middle"]),
-  align: import_prop_types38.default.oneOf(["left", "right", "center", "justify"]),
-  children: import_prop_types38.default.node
+  isHead: import_prop_types39.default.bool,
+  morerows: import_prop_types39.default.oneOfType([import_prop_types39.default.number, import_prop_types39.default.string]),
+  valign: import_prop_types39.default.oneOf(["top", "bottom", "middle"]),
+  align: import_prop_types39.default.oneOf(["left", "right", "center", "justify"]),
+  children: import_prop_types39.default.node
 };
@@ -1110,3 +1121,3 @@
 function TableRow({children}) {
-  return /* @__PURE__ */ import_react44.default.createElement(import_vcc_ui27.Block, {
+  return /* @__PURE__ */ import_react45.default.createElement(import_vcc_ui27.Block, {
     as: "tr",
@@ -1122,3 +1133,3 @@ extend: {display: "table-row"}
 function TableBody({children}) {
-  return /* @__PURE__ */ import_react45.default.createElement(import_vcc_ui28.Block, {
+  return /* @__PURE__ */ import_react46.default.createElement(import_vcc_ui28.Block, {
     as: "tbody",
@@ -1134,5 +1145,5 @@ extend: {display: "table-row-group"}
 var import_vcc_ui29 = __toModule(require("vcc-ui"));
-var import_react46 = __toModule(require("react"));
+var import_react47 = __toModule(require("react"));
 function TableHead({children}) {
-  return /* @__PURE__ */ import_react46.default.createElement(import_vcc_ui29.Text, {
+  return /* @__PURE__ */ import_react47.default.createElement(import_vcc_ui29.Text, {
     as: "thead",
@@ -1148,6 +1159,6 @@ subStyle: "emphasis",
 // src/support/atoms/TableColSpec/index.js
-var import_prop_types39 = __toModule(require("prop-types"));
-var import_react47 = __toModule(require("react"));
+var import_prop_types40 = __toModule(require("prop-types"));
+var import_react48 = __toModule(require("react"));
 function TableColSpec({children, align}) {
-  return /* @__PURE__ */ import_react47.default.createElement("col", {
+  return /* @__PURE__ */ import_react48.default.createElement("col", {
     align
@@ -1157,4 +1168,4 @@ });
 TableColSpec.propTypes = {
-  align: import_prop_types39.default.oneOf(["left", "right", "center", "justify"]),
-  children: import_prop_types39.default.node
+  align: import_prop_types40.default.oneOf(["left", "right", "center", "justify"]),
+  children: import_prop_types40.default.node
 };
@@ -1165,6 +1176,6 @@
   const theme = (0, import_vcc_ui30.useTheme)();
-  const childArr = import_react48.Children.toArray(children);
+  const childArr = import_react49.Children.toArray(children);
   const colspecs = childArr.filter((child) => child.type === TableColSpec);
   const content = colspecs && colspecs.length ? childArr.filter((child) => child.type !== TableColSpec) : children;
-  return /* @__PURE__ */ import_react48.default.createElement(import_vcc_ui30.Block, {
+  return /* @__PURE__ */ import_react49.default.createElement(import_vcc_ui30.Block, {
     as: "table",
@@ -1177,3 +1188,3 @@ extend: {
     }
-  }, colspecs && colspecs.length ? /* @__PURE__ */ import_react48.default.createElement("colgroup", null, colspecs) : null, content);
+  }, colspecs && colspecs.length ? /* @__PURE__ */ import_react49.default.createElement("colgroup", null, colspecs) : null, content);
 }
@@ -1186,3 +1197,3 @@ TableGroup.propTypes = {
 function TableRoot({children}) {
-  return /* @__PURE__ */ import_react49.default.createElement(import_vcc_ui31.Block, {
+  return /* @__PURE__ */ import_react50.default.createElement(import_vcc_ui31.Block, {
     extend: {width: "100%", overflowX: "auto"}
@@ -1196,7 +1207,7 @@ }, children);
 // src/support/atoms/SCharText/index.js
-var import_react50 = __toModule(require("react"));
-var import_prop_types40 = __toModule(require("prop-types"));
+var import_react51 = __toModule(require("react"));
+var import_prop_types41 = __toModule(require("prop-types"));
 var import_vcc_ui32 = __toModule(require("vcc-ui"));
 function SCharText({children, extend, font = "Arial Unicode MS"}) {
-  return /* @__PURE__ */ import_react50.default.createElement(import_vcc_ui32.Inline, {
+  return /* @__PURE__ */ import_react51.default.createElement(import_vcc_ui32.Inline, {
     extend: {fontFamily: font, ...extend}
@@ -1206,13 +1217,13 @@ }, children);
 SCharText.propTypes = {
-  font: import_prop_types40.default.string,
-  extend: import_prop_types40.default.object,
-  children: import_prop_types40.default.node
+  font: import_prop_types41.default.string,
+  extend: import_prop_types41.default.object,
+  children: import_prop_types41.default.node
 };
 
 // src/support/atoms/UrlText/index.js
-var import_react51 = __toModule(require("react"));
-var import_prop_types41 = __toModule(require("prop-types"));
+var import_react52 = __toModule(require("react"));
+var import_prop_types42 = __toModule(require("prop-types"));
 var import_vcc_ui33 = __toModule(require("vcc-ui"));
 function UrlText({extend, href, children}) {
-  return /* @__PURE__ */ import_react51.default.createElement(import_vcc_ui33.Text, {
+  return /* @__PURE__ */ import_react52.default.createElement(import_vcc_ui33.Text, {
     as: "a",
@@ -1225,5 +1236,5 @@ subStyle: "inline-link",
 UrlText.propTypes = {
-  href: import_prop_types41.default.string,
-  extend: import_prop_types41.default.object,
-  children: import_prop_types41.default.node
+  href: import_prop_types42.default.string,
+  extend: import_prop_types42.default.object,
+  children: import_prop_types42.default.node
 };
@@ -1244,2 +1255,3 @@
   article: {type: Article},
+  slot: {type: Slot},
   titleContent: {type: Title, props: {level: 1}},
@@ -1311,3 +1323,3 @@ descriptionContent: {type: Lead},
   },
-  "important-ref": {type: import_react52.default.Fragment},
+  "important-ref": {type: import_react53.default.Fragment},
   important: {
@@ -1391,3 +1403,3 @@ type: InfoBox,
   },
-  "e.text": {type: import_react52.default.Fragment},
+  "e.text": {type: import_react53.default.Fragment},
   __IGNORE_TYPES__: ["ixs", "ix", "comment", "xref"]
@@ -1443,3 +1455,3 @@ };
           type: "slot",
-          value: metaSlot
+          children: metaSlot
         },
@@ -1446,0 +1458,0 @@ {

dist/ced-os-react-components.esm.js

@@ -19,5 +19,2 @@ // src/render/createRenderer.js
       return data.value;
-    if (data.type === "slot") {
-      return data.value;
-    }
     if (Array.isArray(data)) {
@@ -171,2 +168,12 @@ return React.createElement(React.Fragment, null, renderChildren(render2, data));
 
+// src/support/molecules/Slot/index.js
+import {Children} from "react";
+import PropTypes6 from "prop-types";
+function Slot({children}) {
+  return Children.only(children);
+}
+Slot.propTypes = {
+  children: PropTypes6.node
+};
+
 // src/support/molecules/Article/index.js
@@ -186,3 +193,3 @@ function Article({children, ...props2}) {
 Article.propTypes = {
-  children: allowedChildren([Segment, Title, Lead])
+  children: allowedChildren([Segment, Title, Lead, Slot])
 };
@@ -193,3 +200,3 @@
 import React7 from "react";
-import PropTypes6 from "prop-types";
+import PropTypes7 from "prop-types";
 function SubSegment({children}) {
@@ -202,4 +209,4 @@ return /* @__PURE__ */ React7.createElement(View3, {
 SubSegment.propTypes = {
-  title: PropTypes6.node,
-  children: PropTypes6.node
+  title: PropTypes7.node,
+  children: PropTypes7.node
 };
@@ -210,3 +217,3 @@
 import {Text as Text3} from "vcc-ui";
-import PropTypes7 from "prop-types";
+import PropTypes8 from "prop-types";
 function ListItem({children, extend}) {
@@ -219,4 +226,4 @@ return /* @__PURE__ */ React8.createElement(Text3, {
 ListItem.propTypes = {
-  extend: PropTypes7.object,
-  children: PropTypes7.node
+  extend: PropTypes8.object,
+  children: PropTypes8.node
 };
@@ -226,11 +233,11 @@
 import {Spacer as Spacer2, View as View6} from "vcc-ui";
-import React19, {Children} from "react";
+import React19, {Children as Children2} from "react";
 
 // src/support/atoms/ListPrecondition/index.js
 import React18 from "react";
-import PropTypes15 from "prop-types";
+import PropTypes16 from "prop-types";
 
 // src/support/atoms/UnorderedList/index.js
 import React9 from "react";
-import PropTypes8 from "prop-types";
+import PropTypes9 from "prop-types";
 function UnorderedList(props2) {
@@ -243,4 +250,4 @@ return /* @__PURE__ */ React9.createElement(ListRoot, {
 UnorderedList.propTypes = {
-  extend: PropTypes8.object,
-  children: PropTypes8.node
+  extend: PropTypes9.object,
+  children: PropTypes9.node
 };
@@ -255,3 +262,3 @@
 import React10 from "react";
-import PropTypes9 from "prop-types";
+import PropTypes10 from "prop-types";
 function Caption({children, extend}) {
@@ -264,3 +271,3 @@ return /* @__PURE__ */ React10.createElement(Text4, {
 }
-Caption.propTypes = {extend: PropTypes9.object, children: PropTypes9.node};
+Caption.propTypes = {extend: PropTypes10.object, children: PropTypes10.node};
 
@@ -270,3 +277,3 @@ // src/support/atoms/Img/index.js
 import React11 from "react";
-import PropTypes10 from "prop-types";
+import PropTypes11 from "prop-types";
 function Img({children, extend, src, alt, imageClass}) {
@@ -295,7 +302,11 @@ const imageClassModifications = {};
 Img.propTypes = {
-  extend: PropTypes10.object,
-  children: PropTypes10.any,
-  src: PropTypes10.string,
-  alt: PropTypes10.string,
-  imageClass: PropTypes10.oneOf(["web-table-pict", "web-table-pict-small"])
+  extend: PropTypes11.object,
+  children: PropTypes11.any,
+  src: PropTypes11.string,
+  alt: PropTypes11.string,
+  imageClass: PropTypes11.oneOf([
+    "web-table-pict",
+    "web-table-pict-small",
+    "web-pagewide"
+  ])
 };
@@ -311,3 +322,3 @@
 import React12 from "react";
-import PropTypes11 from "prop-types";
+import PropTypes12 from "prop-types";
 import {Inline} from "vcc-ui";
@@ -320,3 +331,3 @@ function LegendDescription({children}) {
 LegendDescription.propTypes = {
-  children: PropTypes11.any
+  children: PropTypes12.any
 };
@@ -346,3 +357,3 @@
 // src/support/atoms/LegendSymbol/index.js
-import PropTypes12 from "prop-types";
+import PropTypes13 from "prop-types";
 function LegendSymbol({children}) {
@@ -352,3 +363,3 @@ return /* @__PURE__ */ React14.createElement(React14.Fragment, null, children, " ");
 LegendSymbol.propTypes = {
-  children: allowedChildren([Symbol, PropTypes12.string])
+  children: allowedChildren([Symbol, PropTypes13.string])
 };
@@ -367,3 +378,3 @@
 // src/support/atoms/LegendRoot/index.js
-import PropTypes13 from "prop-types";
+import PropTypes14 from "prop-types";
 function LegendRoot({children, extend}) {
@@ -375,3 +386,3 @@ return /* @__PURE__ */ React16.createElement(OrderedList, {
 LegendRoot.propTypes = {
-  extend: PropTypes13.object,
+  extend: PropTypes14.object,
   children: allowedChildren([LegendEntry])
@@ -381,3 +392,3 @@ };
 // src/support/atoms/Figure/index.js
-import PropTypes14 from "prop-types";
+import PropTypes15 from "prop-types";
 function Figure({children, extend}) {
@@ -393,3 +404,3 @@ return /* @__PURE__ */ React17.createElement(View4, {
   children: allowedChildren([Img, Caption, LegendRoot]),
-  extend: PropTypes14.object
+  extend: PropTypes15.object
 };
@@ -410,3 +421,3 @@
     Figure,
-    PropTypes15.string
+    PropTypes16.string
   ])
@@ -416,5 +427,5 @@ };
 // src/support/atoms/ListRoot/index.js
-import PropTypes16 from "prop-types";
+import PropTypes17 from "prop-types";
 function ListRoot({as = "ul", children, extend}) {
-  const arr = Children.toArray(children);
+  const arr = Children2.toArray(children);
   if (arr[0] && arr[0].type === ListPrecondition) {
@@ -437,5 +448,5 @@ return /* @__PURE__ */ React19.createElement(React19.Fragment, null, arr[0], /* @__PURE__ */ React19.createElement(Spacer2, {
 ListRoot.propTypes = {
-  as: PropTypes16.oneOf(["ul", "ol"]),
-  children: PropTypes16.node,
-  extend: PropTypes16.object
+  as: PropTypes17.oneOf(["ul", "ol"]),
+  children: PropTypes17.node,
+  extend: PropTypes17.object
 };
@@ -445,3 +456,3 @@
 import React20 from "react";
-import PropTypes17 from "prop-types";
+import PropTypes18 from "prop-types";
 function OrderedList({children, listtype, extend}) {
@@ -467,5 +478,5 @@ let listStyleType;
 OrderedList.propTypes = {
-  listtype: PropTypes17.oneOf(["123", "abc", "ABC"]),
-  extend: PropTypes17.object,
-  children: PropTypes17.node
+  listtype: PropTypes18.oneOf(["123", "abc", "ABC"]),
+  extend: PropTypes18.object,
+  children: PropTypes18.node
 };
@@ -476,3 +487,3 @@
 import React21 from "react";
-import PropTypes18 from "prop-types";
+import PropTypes19 from "prop-types";
 function InlineText({extend, children, subStyle, variant}) {
@@ -490,6 +501,6 @@ return /* @__PURE__ */ React21.createElement(Text5, {
 InlineText.propTypes = {
-  subStyle: PropTypes18.string,
-  variant: PropTypes18.string,
-  extend: PropTypes18.object,
-  children: PropTypes18.node
+  subStyle: PropTypes19.string,
+  variant: PropTypes19.string,
+  extend: PropTypes19.object,
+  children: PropTypes19.node
 };
@@ -499,3 +510,3 @@
 import React22 from "react";
-import PropTypes19 from "prop-types";
+import PropTypes20 from "prop-types";
 function NonBreakingText({children, extend}) {
@@ -508,4 +519,4 @@ return /* @__PURE__ */ React22.createElement(InlineText, {
 NonBreakingText.propTypes = {
-  extend: PropTypes19.object,
-  children: PropTypes19.node
+  extend: PropTypes20.object,
+  children: PropTypes20.node
 };
@@ -515,3 +526,3 @@
 import React23 from "react";
-import PropTypes20 from "prop-types";
+import PropTypes21 from "prop-types";
 function BoldText({children, extend}) {
@@ -525,4 +536,4 @@ return /* @__PURE__ */ React23.createElement(InlineText, {
 BoldText.propTypes = {
-  extend: PropTypes20.object,
-  children: PropTypes20.node
+  extend: PropTypes21.object,
+  children: PropTypes21.node
 };
@@ -532,3 +543,3 @@
 import React24 from "react";
-import PropTypes21 from "prop-types";
+import PropTypes22 from "prop-types";
 function InteriorText({extend, children}) {
@@ -542,4 +553,4 @@ return /* @__PURE__ */ React24.createElement(InlineText, {
 InteriorText.propTypes = {
-  extend: PropTypes21.object,
-  children: PropTypes21.node
+  extend: PropTypes22.object,
+  children: PropTypes22.node
 };
@@ -549,3 +560,3 @@
 import React25 from "react";
-import PropTypes22 from "prop-types";
+import PropTypes23 from "prop-types";
 function LiteralText({children, extend, ...props2}) {
@@ -558,4 +569,4 @@ return /* @__PURE__ */ React25.createElement(InlineText, {
 LiteralText.propTypes = {
-  extend: PropTypes22.object,
-  children: PropTypes22.node
+  extend: PropTypes23.object,
+  children: PropTypes23.node
 };
@@ -565,3 +576,3 @@
 import React26 from "react";
-import PropTypes23 from "prop-types";
+import PropTypes24 from "prop-types";
 function SubText({children, extend}) {
@@ -575,4 +586,4 @@ return /* @__PURE__ */ React26.createElement(InlineText, {
 SubText.propTypes = {
-  extend: PropTypes23.object,
-  children: PropTypes23.node
+  extend: PropTypes24.object,
+  children: PropTypes24.node
 };
@@ -593,3 +604,3 @@
 // src/support/atoms/MenuPathText/index.js
-import PropTypes26 from "prop-types";
+import PropTypes27 from "prop-types";
 
@@ -599,3 +610,3 @@ // src/support/atoms/DisplayDbText/index.js
 import React27 from "react";
-import PropTypes24 from "prop-types";
+import PropTypes25 from "prop-types";
 function DisplayDbText({extend, children}) {
@@ -613,4 +624,4 @@ const theme = useTheme();
 DisplayDbText.propTypes = {
-  extend: PropTypes24.object,
-  children: PropTypes24.node
+  extend: PropTypes25.object,
+  children: PropTypes25.node
 };
@@ -621,3 +632,3 @@
 import React28 from "react";
-import PropTypes25 from "prop-types";
+import PropTypes26 from "prop-types";
 function DisplayText({extend, children}) {
@@ -634,3 +645,3 @@ const theme = useTheme2();
 }
-DisplayText.propTypes = {extend: PropTypes25.object, children: PropTypes25.node};
+DisplayText.propTypes = {extend: PropTypes26.object, children: PropTypes26.node};
 
@@ -650,3 +661,3 @@ // src/support/atoms/MenuPathText/index.js
 MenuPathText.propTypes = {
-  extend: PropTypes26.object,
+  extend: PropTypes27.object,
   children: allowedChildren([DisplayDbText, DisplayText])
@@ -657,3 +668,3 @@ };
 import React30 from "react";
-import PropTypes27 from "prop-types";
+import PropTypes28 from "prop-types";
 function SupText({children, extend}) {
@@ -667,4 +678,4 @@ return /* @__PURE__ */ React30.createElement(InlineText, {
 SupText.propTypes = {
-  extend: PropTypes27.object,
-  children: PropTypes27.node
+  extend: PropTypes28.object,
+  children: PropTypes28.node
 };
@@ -679,3 +690,3 @@
 import React31 from "react";
-import PropTypes28 from "prop-types";
+import PropTypes29 from "prop-types";
 function MediaBlock({ratio = "16:9", children, extend}) {
@@ -700,4 +711,4 @@ const [w, h] = ratio.match(/^(\d+)[x:](\d+)$/).slice(1);
 MediaBlock.propTypes = {
-  extend: PropTypes28.object,
-  ratio: PropTypes28.oneOf([
+  extend: PropTypes29.object,
+  ratio: PropTypes29.oneOf([
     "16:9",
@@ -712,7 +723,7 @@ "1:1",
   ]),
-  children: PropTypes28.node
+  children: PropTypes29.node
 };
 
 // src/support/molecules/Video/index.js
-import PropTypes29 from "prop-types";
+import PropTypes30 from "prop-types";
 function Video({poster, src, ratio = "16:9"}) {
@@ -730,5 +741,5 @@ return /* @__PURE__ */ React32.createElement(MediaBlock, {
 Video.propTypes = {
-  poster: PropTypes29.string,
-  src: PropTypes29.string,
-  ratio: PropTypes29.string
+  poster: PropTypes30.string,
+  src: PropTypes30.string,
+  ratio: PropTypes30.string
 };
@@ -744,3 +755,3 @@
 import React33 from "react";
-import PropTypes30 from "prop-types";
+import PropTypes31 from "prop-types";
 function InfoIcon({color, size = 1}) {
@@ -759,6 +770,6 @@ const theme = useTheme4();
 }
-InfoIcon.propTypes = {color: PropTypes30.string, size: PropTypes30.number};
+InfoIcon.propTypes = {color: PropTypes31.string, size: PropTypes31.number};
 
 // src/support/atoms/InfoBox/index.js
-import PropTypes31 from "prop-types";
+import PropTypes32 from "prop-types";
 function InfoBox({children, variant, title: propTitle}) {
@@ -800,5 +811,5 @@ const {t} = useTranslation();
 InfoBox.propTypes = {
-  children: PropTypes31.node,
-  variant: PropTypes31.oneOf(["warning", "note", "important"]),
-  title: PropTypes31.string
+  children: PropTypes32.node,
+  variant: PropTypes32.oneOf(["warning", "note", "important"]),
+  title: PropTypes32.string
 };
@@ -814,3 +825,3 @@
 import React35 from "react";
-import PropTypes32 from "prop-types";
+import PropTypes33 from "prop-types";
 function ProcedureAction({children}) {
@@ -820,3 +831,3 @@ return /* @__PURE__ */ React35.createElement(React35.Fragment, null, children);
 ProcedureAction.propTypes = {
-  extend: PropTypes32.object,
+  extend: PropTypes33.object,
   children: allowedChildren([Paragraph])
@@ -828,3 +839,3 @@ };
 import React36 from "react";
-import PropTypes33 from "prop-types";
+import PropTypes34 from "prop-types";
 function ProcedureResult({children}) {
@@ -847,3 +858,3 @@ const theme = useTheme6();
 ProcedureResult.propTypes = {
-  extend: PropTypes33.object,
+  extend: PropTypes34.object,
   children: allowedChildren([Paragraph])
@@ -888,7 +899,7 @@ };
 import {Block as Block6, useTheme as useTheme7, View as View8} from "vcc-ui";
-import React39, {Children as Children2} from "react";
-import PropTypes34 from "prop-types";
+import React39, {Children as Children3} from "react";
+import PropTypes35 from "prop-types";
 function PImg({children}) {
   const theme = useTheme7();
-  const childArr = Children2.toArray(children);
+  const childArr = Children3.toArray(children);
   const img = childArr.filter((child) => child.type === Img);
@@ -909,4 +920,4 @@ const content = childArr.filter((child) => child.type !== Img);
 PImg.propTypes = {
-  extend: PropTypes34.object,
-  children: PropTypes34.node
+  extend: PropTypes35.object,
+  children: PropTypes35.node
 };
@@ -920,3 +931,3 @@
 import React40, {useCallback, useReducer} from "react";
-import PropTypes35 from "prop-types";
+import PropTypes36 from "prop-types";
 function reducer(state, action) {
@@ -958,8 +969,8 @@ switch (action.type) {
 Tooltip.propTypes = {
-  content: PropTypes35.node.isRequired,
-  children: PropTypes35.node.isRequired
+  content: PropTypes36.node.isRequired,
+  children: PropTypes36.node.isRequired
 };
 
 // src/support/molecules/Disclaimer/index.js
-import PropTypes36 from "prop-types";
+import PropTypes37 from "prop-types";
 function Disclaimer({children}) {
@@ -970,7 +981,7 @@ return /* @__PURE__ */ React41.createElement(Tooltip, {
 }
-Disclaimer.propTypes = {children: PropTypes36.string};
+Disclaimer.propTypes = {children: PropTypes37.string};
 
 // src/support/molecules/Footnote/index.js
 import React42 from "react";
-import PropTypes37 from "prop-types";
+import PropTypes38 from "prop-types";
 function Footnote({children}) {
@@ -982,3 +993,3 @@ return /* @__PURE__ */ React42.createElement(Tooltip, {
 Footnote.propTypes = {
-  children: PropTypes37.node
+  children: PropTypes38.node
 };
@@ -992,3 +1003,3 @@
 import {Block as Block11, useTheme as useTheme9} from "vcc-ui";
-import React48, {Children as Children3} from "react";
+import React48, {Children as Children4} from "react";
 
@@ -1005,3 +1016,3 @@ // src/support/atoms/TableBody/index.js
 import {Block as Block8, useTheme as useTheme8} from "vcc-ui";
-import PropTypes38 from "prop-types";
+import PropTypes39 from "prop-types";
 import React43 from "react";
@@ -1026,7 +1037,7 @@ function TableEntry({children, morerows, valign, align, isHead}) {
 TableEntry.propTypes = {
-  isHead: PropTypes38.bool,
-  morerows: PropTypes38.oneOfType([PropTypes38.number, PropTypes38.string]),
-  valign: PropTypes38.oneOf(["top", "bottom", "middle"]),
-  align: PropTypes38.oneOf(["left", "right", "center", "justify"]),
-  children: PropTypes38.node
+  isHead: PropTypes39.bool,
+  morerows: PropTypes39.oneOfType([PropTypes39.number, PropTypes39.string]),
+  valign: PropTypes39.oneOf(["top", "bottom", "middle"]),
+  align: PropTypes39.oneOf(["left", "right", "center", "justify"]),
+  children: PropTypes39.node
 };
@@ -1071,3 +1082,3 @@
 // src/support/atoms/TableColSpec/index.js
-import PropTypes39 from "prop-types";
+import PropTypes40 from "prop-types";
 import React47 from "react";
@@ -1080,4 +1091,4 @@ function TableColSpec({children, align}) {
 TableColSpec.propTypes = {
-  align: PropTypes39.oneOf(["left", "right", "center", "justify"]),
-  children: PropTypes39.node
+  align: PropTypes40.oneOf(["left", "right", "center", "justify"]),
+  children: PropTypes40.node
 };
@@ -1088,3 +1099,3 @@
   const theme = useTheme9();
-  const childArr = Children3.toArray(children);
+  const childArr = Children4.toArray(children);
   const colspecs = childArr.filter((child) => child.type === TableColSpec);
@@ -1118,3 +1129,3 @@ const content = colspecs && colspecs.length ? childArr.filter((child) => child.type !== TableColSpec) : children;
 import React50 from "react";
-import PropTypes40 from "prop-types";
+import PropTypes41 from "prop-types";
 import {Inline as Inline5} from "vcc-ui";
@@ -1127,5 +1138,5 @@ function SCharText({children, extend, font = "Arial Unicode MS"}) {
 SCharText.propTypes = {
-  font: PropTypes40.string,
-  extend: PropTypes40.object,
-  children: PropTypes40.node
+  font: PropTypes41.string,
+  extend: PropTypes41.object,
+  children: PropTypes41.node
 };
@@ -1135,3 +1146,3 @@
 import React51 from "react";
-import PropTypes41 from "prop-types";
+import PropTypes42 from "prop-types";
 import {Text as Text7} from "vcc-ui";
@@ -1147,5 +1158,5 @@ function UrlText({extend, href, children}) {
 UrlText.propTypes = {
-  href: PropTypes41.string,
-  extend: PropTypes41.object,
-  children: PropTypes41.node
+  href: PropTypes42.string,
+  extend: PropTypes42.object,
+  children: PropTypes42.node
 };
@@ -1166,2 +1177,3 @@
   article: {type: Article},
+  slot: {type: Slot},
   titleContent: {type: Title, props: {level: 1}},
@@ -1363,3 +1375,3 @@ descriptionContent: {type: Lead},
           type: "slot",
-          value: metaSlot
+          children: metaSlot
         },
@@ -1366,0 +1378,0 @@ {

package.json

 {
   "name": "@volvo-cars/ced-os-react-components",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Set of components for developing UIs in the onboarding and support apps",
@@ -5,0 +5,0 @@ "keywords": [],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

87456

increased by0.62%

Lines of code

2596

increased by0.85%

No dependency changes