@bolttech/atoms-section-header 0.1.4 → 0.1.6

package/{index.js → index.cjs}

@@ -1,6 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { Row, Typography } from '@edirect/frontend-foundations';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('styled-components');
+var frontendFoundations = require('@edirect/frontend-foundations');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1083,7 +1091,7 @@ $({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign },
   assign: assign
 });
 
-const SectionHeaderContainer = /*#__PURE__*/styled(Row).withConfig({
+const SectionHeaderContainer = /*#__PURE__*/styled__default["default"](frontendFoundations.Row).withConfig({
   displayName: "atoms-section-headerstyle__SectionHeaderContainer",
   componentId: "xtf6u-0"
 })(["justify-content:space-between;flex-wrap:nowrap;box-sizing:border-box;column-gap:0;height:150px;background-color:", ";padding:", ";"], ({
@@ -1091,7 +1099,7 @@ const SectionHeaderContainer = /*#__PURE__*/styled(Row).withConfig({
 }) => theme.components.sectionHeader.container.color.default, ({
   theme
 }) => `0 ${theme.components.sectionHeader.safeZone}`);
-const SectionHeaderLabel = /*#__PURE__*/styled(Typography).withConfig({
+const SectionHeaderLabel = /*#__PURE__*/styled__default["default"](frontendFoundations.Typography).withConfig({
   displayName: "atoms-section-headerstyle__SectionHeaderLabel",
   componentId: "xtf6u-1"
 })(["flex:1 1 66%;margin:auto 0;margin-right:", ";color:", ";@media only screen and (max-width:413px){flex:1 1 auto;margin-right:", ";}"], ({
@@ -1101,15 +1109,15 @@ const SectionHeaderLabel = /*#__PURE__*/styled(Typography).withConfig({
 }) => theme.components.sectionHeader.text.color.default, ({
   theme
 }) => `calc(${theme.components.sectionHeader.gap} + 15%)`);
-const Background = /*#__PURE__*/styled.div.withConfig({
+const Background = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-section-headerstyle__Background",
   componentId: "xtf6u-2"
 })(["display:flex;align-items:flex-end;z-index:0;"]);
-const Icon = /*#__PURE__*/styled.div.withConfig({
+const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-section-headerstyle__Icon",
   componentId: "xtf6u-3"
 })(["position:absolute;display:flex;bottom:0;z-index:1;transform:translate(-50%);"]);
-const IlustrationContainer = /*#__PURE__*/styled.div.withConfig({
+const IlustrationContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-section-headerstyle__IlustrationContainer",
   componentId: "xtf6u-4"
 })(["display:flex;position:relative;justify-content:flex-end;align-items:flex-end;@media only screen and (max-width:1431px){width:60%;height:100%;svg{max-width:100%;max-height:100%;height:100%;}}"]);
@@ -1120,24 +1128,24 @@ function SectionHeader({
   icon,
   background
 }) {
-  return jsxs(SectionHeaderContainer, Object.assign({
+  return jsxRuntime.jsxs(SectionHeaderContainer, Object.assign({
     fullWidth: true,
     "data-testid": dataTestId
   }, {
-    children: [jsx(SectionHeaderLabel, Object.assign({
+    children: [jsxRuntime.jsx(SectionHeaderLabel, Object.assign({
       variant: "h1",
       type: "headings",
       "data-testid": `${dataTestId}-label`
     }, {
       children: title
-    })), jsxs(IlustrationContainer, {
-      children: [icon && jsx(Icon, {
+    })), jsxRuntime.jsxs(IlustrationContainer, {
+      children: [icon && jsxRuntime.jsx(Icon, {
         children: icon
-      }), background && jsx(Background, {
+      }), background && jsxRuntime.jsx(Background, {
         children: background
       })]
     })]
   }));
 }
 
-export { SectionHeader };
+exports.SectionHeader = SectionHeader;

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@bolttech/atoms-section-header",
-  "version": "0.1.4",
-  "module": "./index.js",
-  "main": "./index.js",
-  "type": "module",
+  "version": "0.1.6",
+  "main": "./index.cjs",
+  "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "@edirect/frontend-foundations": "0.0.26",
+    "@edirect/frontend-foundations": "0.0.27",
     "styled-components": "5.3.6"
   }
 }