@bigbinary/neeto-molecules 1.0.67 → 1.0.69-beta

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.
@@ -1251,7 +1251,7 @@ if (process.env.NODE_ENV !== 'production') {
1251
1251
 
1252
1252
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
1253
1253
 
1254
- var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1254
+ var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1255
1255
  n(css,{});
1256
1256
 
1257
1257
  var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
package/dist/Container.js CHANGED
@@ -1245,7 +1245,7 @@ if (process.env.NODE_ENV !== 'production') {
1245
1245
 
1246
1246
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
1247
1247
 
1248
- var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1248
+ var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1249
1249
  n(css,{});
1250
1250
 
1251
1251
  var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -1344,7 +1344,7 @@ if (process.env.NODE_ENV !== 'production') {
1344
1344
 
1345
1345
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
1346
1346
 
1347
- var css$3 = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1347
+ var css$3 = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1348
1348
  n(css$3,{});
1349
1349
 
1350
1350
  var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -1666,7 +1666,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
1666
1666
  });
1667
1667
  };
1668
1668
 
1669
- var css = ".neeto-molecules-header{align-items:center;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:var(--neeto-ui-main-header-height);padding:24px 0;width:100%}.neeto-molecules-header--has-breadcrumbs{min-height:var(--neeto-ui-main-header-with-breadcrumbs-height)}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{display:flex;flex-direction:row;width:100%}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{margin:0 4px}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}";
1669
+ var css = ".neeto-molecules-header{align-items:flex-start!important;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:auto!important;padding:40px 0 24px!important;width:100%}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:flex-start!important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{align-items:center;display:flex;flex-direction:row;gap:12px;margin-top:-16px;width:100%}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:40px;line-height:48px}.neeto-molecules-header .neeto-molecules-header__page-title--has-breadcrumbs{margin-top:0}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex;margin:0 0 40px}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{font-size:12px;line-height:16px;margin:0 12px!important}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}";
1670
1670
  n(css,{});
1671
1671
 
1672
1672
  var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -1682,16 +1682,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
1682
1682
  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
1683
1683
  to: link
1684
1684
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1685
- className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1685
+ className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1686
1686
  component: "span",
1687
1687
  "data-cy": text,
1688
1688
  "data-test-id": text,
1689
1689
  style: "body2",
1690
1690
  weight: "normal"
1691
- }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
1692
- className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
1693
- size: 16
1694
- }));
1691
+ }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React__default["default"].createElement("span", {
1692
+ className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
1693
+ }, "/"));
1695
1694
  }));
1696
1695
  };
1697
1696
  var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
@@ -1702,11 +1701,7 @@ var Dropdown = function Dropdown(_ref) {
1702
1701
  children = _ref$dropdownProps.children,
1703
1702
  otherProps = _objectWithoutProperties(_ref$dropdownProps, _excluded);
1704
1703
  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$1({
1705
- buttonProps: {
1706
- className: "ml-1.5"
1707
- },
1708
1704
  buttonStyle: "text",
1709
- className: "ml-3",
1710
1705
  icon: neetoIcons.MenuVertical,
1711
1706
  position: "bottom-end"
1712
1707
  }, otherProps), children);
@@ -1714,7 +1709,6 @@ var Dropdown = function Dropdown(_ref) {
1714
1709
 
1715
1710
  var Header$2 = function Header(_ref) {
1716
1711
  var title = _ref.title,
1717
- menuBarToggle = _ref.menuBarToggle,
1718
1712
  searchProps = _ref.searchProps,
1719
1713
  _ref$className = _ref.className,
1720
1714
  className = _ref$className === void 0 ? "" : _ref$className,
@@ -1726,24 +1720,17 @@ var Header$2 = function Header(_ref) {
1726
1720
  var _useTranslation = reactI18next.useTranslation(),
1727
1721
  t = _useTranslation.t;
1728
1722
  return /*#__PURE__*/React__default["default"].createElement("div", {
1729
- className: classnames(["neeto-molecules-header", {
1730
- "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
1731
- }, className])
1723
+ className: classnames(["neeto-molecules-header", className])
1732
1724
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1733
1725
  className: "neeto-molecules-header__left"
1734
- }, menuBarToggle && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1735
- "aria-label": "Toggle Menubar",
1736
- className: "neeto-molecules-header__toggle-menubar-btn",
1737
- "data-cy": "menubar-toggle-button",
1738
- icon: neetoIcons.HamburgerMenu,
1739
- style: "text",
1740
- onClick: menuBarToggle
1741
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1726
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1742
1727
  className: "neeto-molecules-header__left-data-wrap"
1743
1728
  }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
1744
1729
  breadcrumbs: breadcrumbs
1745
1730
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1746
- className: "neeto-molecules-header__page-title"
1731
+ className: classnames("neeto-molecules-header__page-title", {
1732
+ "neeto-molecules-header__page-title--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
1733
+ })
1747
1734
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1748
1735
  "data-cy": "main-header",
1749
1736
  "data-test-id": "main-header",