@nulogy/components 8.15.0 → 8.15.1

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',

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',