@evergis/react 3.1.27 → 3.1.28

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.
package/dist/index.js CHANGED
@@ -4514,7 +4514,7 @@ const Container = styled(uilibGl.Flex) `
4514
4514
  ${({ isMain, isColumn }) => (isMain || isColumn) &&
4515
4515
  styled.css `
4516
4516
  > :not(:last-child) {
4517
- margin-bottom: 0.5rem;
4517
+ margin-bottom: 1.5rem;
4518
4518
  }
4519
4519
  `}
4520
4520
 
@@ -4528,8 +4528,7 @@ const Container = styled(uilibGl.Flex) `
4528
4528
  ${({ noBorders }) => noBorders && styled.css `
4529
4529
  ${ContainerWrapper} {
4530
4530
  box-shadow: none;
4531
- padding-left: 0;
4532
- padding-right: 0;
4531
+ padding: 0;
4533
4532
  }
4534
4533
  `}
4535
4534
  `;
@@ -5961,7 +5960,7 @@ const ChartContainer = React.memo(({ elementConfig, isVisible, type, renderEleme
5961
5960
  const hasItems = !!data[0]?.items?.length;
5962
5961
  if (!loading && !hasItems && hideEmpty)
5963
5962
  return null;
5964
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { isColumn: true, children: [aliasElement && jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerChart, { children: renderElement({ id: "chart" }) }), jsxRuntime.jsx(ContainerLegend, { children: renderElement({ id: "legend" }) })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2014" })) })] }))] }));
5963
+ return (jsxRuntime.jsxs(uilibGl.FlexSpan, { flexDirection: "column", children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { isColumn: true, children: [aliasElement && jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerChart, { children: renderElement({ id: "chart" }) }), jsxRuntime.jsx(ContainerLegend, { children: renderElement({ id: "legend" }) })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2014" })) })] }))] }));
5965
5964
  });
5966
5965
 
5967
5966
  const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }) => {
@@ -6472,7 +6471,7 @@ const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
6472
6471
 
6473
6472
  ${ContainerValue} {
6474
6473
  flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
6475
- justify-content: ${({ $big }) => ($big ? "flex-start" : "flex-end")};
6474
+ justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
6476
6475
  align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
6477
6476
  line-height: 1;
6478
6477
  }
@@ -6769,6 +6768,7 @@ const Header = styled(uilibGl.Flex) `
6769
6768
  top: 0;
6770
6769
  flex-shrink: 0;
6771
6770
  overflow: hidden;
6771
+ width: 100%;
6772
6772
  padding: 0.5rem;
6773
6773
 
6774
6774
  ${HeaderContainer} {
@@ -6856,8 +6856,6 @@ const HeaderFontColorMixin$1 = styled.css `
6856
6856
  }
6857
6857
  `;
6858
6858
  const HeaderWrapperMixin$1 = styled.css `
6859
- padding: 0.5rem 0.5rem 0;
6860
-
6861
6859
  ${Header} {
6862
6860
  min-height: 5.25rem;
6863
6861
  }
@@ -6922,8 +6920,6 @@ const HeaderFontColorMixin = styled.css `
6922
6920
  }
6923
6921
  `;
6924
6922
  const HeaderWrapperMixin = styled.css `
6925
- padding: 0.5rem 0.5rem 0;
6926
-
6927
6923
  ${Header} {
6928
6924
  min-height: 5.25rem;
6929
6925
  }
@@ -6981,7 +6977,7 @@ const BigIconHeaderMixin = styled.css `
6981
6977
  `;
6982
6978
  const IconHeaderWrapper = styled.div `
6983
6979
  ${Header} {
6984
- width: calc(100% + 3rem);
6980
+ width: calc(100% + 1.5rem);
6985
6981
  margin: -1.5rem -1.5rem 0 -1.5rem;
6986
6982
  padding: 1.5rem;
6987
6983
  border-top-left-radius: 0.5rem;