@nulogy/components 8.15.0 → 8.15.2

package/dist/main.js

@@ -8772,38 +8772,74 @@
       disabled: false
     };
 
-    var Heading1 = Text.withComponent("h1");
-    Heading1.defaultProps = {
-      fontSize: "heading1",
-      lineHeight: "heading1",
-      fontWeight: "light",
-      mt: 0,
-      mb: "x6"
-    };
-    var Heading2 = Text.withComponent("h2");
-    Heading2.defaultProps = {
-      fontSize: "heading2",
-      lineHeight: "heading2",
-      fontWeight: "normal",
-      mt: 0,
-      mb: "x2"
-    };
-    var Heading3 = Text.withComponent("h3");
-    Heading3.defaultProps = {
-      fontSize: "heading3",
-      lineHeight: "heading3",
-      fontWeight: "medium",
-      mt: 0,
-      mb: "x1"
-    };
-    var Heading4 = Text.withComponent("h4");
-    Heading4.defaultProps = {
-      fontSize: "heading4",
-      lineHeight: "heading4",
-      fontWeight: "bold",
-      mt: 0,
-      mb: "x1"
-    };
+    var Heading1 = styled__default["default"](Text).attrs(function (props) {
+      return Object.assign({
+        as: "h1"
+      }, props);
+    }).withConfig({
+      displayName: "Headings__Heading1",
+      componentId: "sc-7kwh7g-0"
+    })(function (_ref) {
+      var theme = _ref.theme;
+      return {
+        fontSize: theme.fontSizes.heading1,
+        lineHeight: theme.lineHeights.heading1,
+        fontWeight: theme.fontWeights.light,
+        marginTop: 0,
+        marginBottom: theme.space.x6
+      };
+    }, addStyledProps);
+    var Heading2 = styled__default["default"](Text).attrs(function (props) {
+      return Object.assign({
+        as: "h2"
+      }, props);
+    }).withConfig({
+      displayName: "Headings__Heading2",
+      componentId: "sc-7kwh7g-1"
+    })(function (_ref2) {
+      var theme = _ref2.theme;
+      return {
+        fontSize: theme.fontSizes.heading2,
+        lineHeight: theme.lineHeights.heading2,
+        fontWeight: theme.fontWeights.normal,
+        marginTop: 0,
+        marginBottom: theme.space.x2
+      };
+    }, addStyledProps);
+    var Heading3 = styled__default["default"](Text).attrs(function (props) {
+      return Object.assign({
+        as: "h3"
+      }, props);
+    }).withConfig({
+      displayName: "Headings__Heading3",
+      componentId: "sc-7kwh7g-2"
+    })(function (_ref3) {
+      var theme = _ref3.theme;
+      return {
+        fontSize: theme.fontSizes.heading3,
+        lineHeight: theme.lineHeights.heading3,
+        fontWeight: theme.fontWeights.medium,
+        marginTop: 0,
+        marginBottom: theme.space.x1
+      };
+    }, addStyledProps);
+    var Heading4 = styled__default["default"](Text).attrs(function (props) {
+      return Object.assign({
+        as: "h4"
+      }, props);
+    }).withConfig({
+      displayName: "Headings__Heading4",
+      componentId: "sc-7kwh7g-3"
+    })(function (_ref4) {
+      var theme = _ref4.theme;
+      return {
+        fontSize: theme.fontSizes.heading4,
+        lineHeight: theme.lineHeights.heading4,
+        fontWeight: theme.fontWeights.bold,
+        marginTop: 0,
+        marginBottom: theme.space.x1
+      };
+    }, addStyledProps);
 
     var defaultOptions = {
       bindI18n: 'languageChanged',
@@ -24937,10 +24973,12 @@
         id: id,
         backgroundColor: backgroundColor,
         showArrow: showArrow
-      }, restProps), React__default["default"].Children.map(children, function (child) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, Object.assign({
-          size: componentSize
-        }, child.props), child.props.children);
+      }, restProps), typeof children === "function" ? children : React__default["default"].Children.map(children, function (child) {
+        if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
+          return /*#__PURE__*/React__default["default"].cloneElement(child, Object.assign({
+            size: componentSize
+          }, child.props), child.props.children);
+        }
       })));
     });
 

package/dist/main.module.js

@@ -8749,38 +8749,74 @@ Text.defaultProps = {
   disabled: false
 };
 
-var Heading1 = Text.withComponent("h1");
-Heading1.defaultProps = {
-  fontSize: "heading1",
-  lineHeight: "heading1",
-  fontWeight: "light",
-  mt: 0,
-  mb: "x6"
-};
-var Heading2 = Text.withComponent("h2");
-Heading2.defaultProps = {
-  fontSize: "heading2",
-  lineHeight: "heading2",
-  fontWeight: "normal",
-  mt: 0,
-  mb: "x2"
-};
-var Heading3 = Text.withComponent("h3");
-Heading3.defaultProps = {
-  fontSize: "heading3",
-  lineHeight: "heading3",
-  fontWeight: "medium",
-  mt: 0,
-  mb: "x1"
-};
-var Heading4 = Text.withComponent("h4");
-Heading4.defaultProps = {
-  fontSize: "heading4",
-  lineHeight: "heading4",
-  fontWeight: "bold",
-  mt: 0,
-  mb: "x1"
-};
+var Heading1 = styled(Text).attrs(function (props) {
+  return Object.assign({
+    as: "h1"
+  }, props);
+}).withConfig({
+  displayName: "Headings__Heading1",
+  componentId: "sc-7kwh7g-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    fontSize: theme.fontSizes.heading1,
+    lineHeight: theme.lineHeights.heading1,
+    fontWeight: theme.fontWeights.light,
+    marginTop: 0,
+    marginBottom: theme.space.x6
+  };
+}, addStyledProps);
+var Heading2 = styled(Text).attrs(function (props) {
+  return Object.assign({
+    as: "h2"
+  }, props);
+}).withConfig({
+  displayName: "Headings__Heading2",
+  componentId: "sc-7kwh7g-1"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    fontSize: theme.fontSizes.heading2,
+    lineHeight: theme.lineHeights.heading2,
+    fontWeight: theme.fontWeights.normal,
+    marginTop: 0,
+    marginBottom: theme.space.x2
+  };
+}, addStyledProps);
+var Heading3 = styled(Text).attrs(function (props) {
+  return Object.assign({
+    as: "h3"
+  }, props);
+}).withConfig({
+  displayName: "Headings__Heading3",
+  componentId: "sc-7kwh7g-2"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    fontSize: theme.fontSizes.heading3,
+    lineHeight: theme.lineHeights.heading3,
+    fontWeight: theme.fontWeights.medium,
+    marginTop: 0,
+    marginBottom: theme.space.x1
+  };
+}, addStyledProps);
+var Heading4 = styled(Text).attrs(function (props) {
+  return Object.assign({
+    as: "h4"
+  }, props);
+}).withConfig({
+  displayName: "Headings__Heading4",
+  componentId: "sc-7kwh7g-3"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    fontSize: theme.fontSizes.heading4,
+    lineHeight: theme.lineHeights.heading4,
+    fontWeight: theme.fontWeights.bold,
+    marginTop: 0,
+    marginBottom: theme.space.x1
+  };
+}, addStyledProps);
 
 var defaultOptions = {
   bindI18n: 'languageChanged',
@@ -24914,10 +24950,12 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     id: id,
     backgroundColor: backgroundColor,
     showArrow: showArrow
-  }, restProps), React__default.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.cloneElement(child, Object.assign({
-      size: componentSize
-    }, child.props), child.props.children);
+  }, restProps), typeof children === "function" ? children : React__default.Children.map(children, function (child) {
+    if ( /*#__PURE__*/React__default.isValidElement(child)) {
+      return /*#__PURE__*/React__default.cloneElement(child, Object.assign({
+        size: componentSize
+      }, child.props), child.props.children);
+    }
   })));
 });
 

package/dist/src/DropdownMenu/DropdownMenu.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-import { StyledProps } from "../StyledProps";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import { StyledProps } from "../StyledProps";
 type DropdownMenuProps = {
     className?: string;
     size?: ComponentSize;
     id?: string;
     disabled?: boolean;
-    trigger?: React.ReactNode | ((...args: any[]) => any);
+    trigger?: () => React.FunctionComponentElement<unknown>;
     backgroundColor?: string;
     showArrow?: boolean;
     placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";

package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { DefaultNDSThemeType } from "../theme.type";
 type DropdownMenuContainerProps = {
+    id?: string;
     className?: string;
     backgroundColor?: string;
     showArrow?: boolean;