@carto/meridian-ds 2.8.0-alpha-empty-state.4 → 2.9.0

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/CHANGELOG.md CHANGED
@@ -2,10 +2,13 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
- - New EmptyState component [#330](https://github.com/CartoDB/meridian-ds/pull/330)
6
-
7
5
  ## 2.0
8
6
 
7
+ ### 2.9.0
8
+
9
+ - New EmptyState component [#330](https://github.com/CartoDB/meridian-ds/pull/330)
10
+ - Tests: Add console mock utility and enhance test setup [#315](https://github.com/CartoDB/meridian-ds/pull/315)
11
+
9
12
  ### 2.8.0
10
13
 
11
14
  - New Loader and CircularProgress components [#329](https://github.com/CartoDB/meridian-ds/pull/329)
@@ -776,7 +776,7 @@ function _MultipleSelectField({
776
776
  const MultipleSelectField = React.forwardRef(_MultipleSelectField);
777
777
  const StyledToggleButtonGroup = material.styled(material.ToggleButtonGroup, {
778
778
  shouldForwardProp: (prop) => prop !== "backgroundColor"
779
- })();
779
+ })(() => ({}));
780
780
  function _ToggleButtonGroup({
781
781
  children,
782
782
  variant = "floating",
@@ -4666,7 +4666,7 @@ function DateTimePicker({
4666
4666
  }
4667
4667
  );
4668
4668
  }
4669
- const EMPTY_STATE_WIDTH = 576;
4669
+ const EMPTY_STATE_WIDTH = 592;
4670
4670
  const Root = material.styled(material.Stack, {
4671
4671
  shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
4672
4672
  })(({ size = "medium", spacing, contentHeight, theme }) => ({
@@ -4732,7 +4732,7 @@ function _EmptyState({
4732
4732
  }, ref) {
4733
4733
  const hasAnyTextContent = title || description;
4734
4734
  const isSmall = size === "small";
4735
- const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 40 : 48);
4735
+ const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 32 : 48);
4736
4736
  const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
4737
4737
  return /* @__PURE__ */ jsxRuntime.jsxs(
4738
4738
  Root,
@@ -4759,6 +4759,7 @@ function _EmptyState({
4759
4759
  {
4760
4760
  variant: isSmall ? "body2" : "body1",
4761
4761
  color: "textSecondary",
4762
+ component: "div",
4762
4763
  ...titleProps,
4763
4764
  children: title
4764
4765
  }
@@ -4768,6 +4769,7 @@ function _EmptyState({
4768
4769
  {
4769
4770
  variant: isSmall ? "caption" : "body2",
4770
4771
  color: "textSecondary",
4772
+ component: "div",
4771
4773
  ...descriptionProps,
4772
4774
  children: description
4773
4775
  }
@@ -776,7 +776,7 @@ function _MultipleSelectField({
776
776
  const MultipleSelectField = forwardRef(_MultipleSelectField);
777
777
  const StyledToggleButtonGroup = styled(ToggleButtonGroup$1, {
778
778
  shouldForwardProp: (prop) => prop !== "backgroundColor"
779
- })();
779
+ })(() => ({}));
780
780
  function _ToggleButtonGroup({
781
781
  children,
782
782
  variant = "floating",
@@ -4666,7 +4666,7 @@ function DateTimePicker({
4666
4666
  }
4667
4667
  );
4668
4668
  }
4669
- const EMPTY_STATE_WIDTH = 576;
4669
+ const EMPTY_STATE_WIDTH = 592;
4670
4670
  const Root = styled(Stack, {
4671
4671
  shouldForwardProp: (prop) => prop !== "size" && prop !== "spacing" && prop !== "contentHeight"
4672
4672
  })(({ size = "medium", spacing, contentHeight, theme }) => ({
@@ -4732,7 +4732,7 @@ function _EmptyState({
4732
4732
  }, ref) {
4733
4733
  const hasAnyTextContent = title || description;
4734
4734
  const isSmall = size === "small";
4735
- const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 40 : 48);
4735
+ const iconSize = (iconProps == null ? void 0 : iconProps.size) ?? (isSmall ? 32 : 48);
4736
4736
  const iconColor = (iconProps == null ? void 0 : iconProps.color) === null ? null : (iconProps == null ? void 0 : iconProps.color) ?? "text.disabled";
4737
4737
  return /* @__PURE__ */ jsxs(
4738
4738
  Root,
@@ -4759,6 +4759,7 @@ function _EmptyState({
4759
4759
  {
4760
4760
  variant: isSmall ? "body2" : "body1",
4761
4761
  color: "textSecondary",
4762
+ component: "div",
4762
4763
  ...titleProps,
4763
4764
  children: title
4764
4765
  }
@@ -4768,6 +4769,7 @@ function _EmptyState({
4768
4769
  {
4769
4770
  variant: isSmall ? "caption" : "body2",
4770
4771
  color: "textSecondary",
4772
+ component: "div",
4771
4773
  ...descriptionProps,
4772
4774
  children: description
4773
4775
  }
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAgGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAkGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { EmptyStateProps } from './types';
2
- export declare const EMPTY_STATE_WIDTH = 576;
2
+ export declare const EMPTY_STATE_WIDTH = 592;
3
3
  /**
4
4
  * Props for the Root styled component.
5
5
  */
@@ -54,7 +54,7 @@ export type EmptyStateProps = {
54
54
  * The height of the component.
55
55
  * If using a number, the pixel unit is assumed.
56
56
  * If using a string, you need to provide the CSS unit, for example '3rem'.
57
- * @default 576
57
+ * @default 592
58
58
  */
59
59
  contentWidth?: number | string;
60
60
  /**
@@ -1,2 +1 @@
1
- export {};
2
1
  //# sourceMappingURL=FeatureSelectionWidgetUI.test.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FeatureSelectionWidgetUI.test.d.ts","sourceRoot":"","sources":["../../../../src/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.tsx"],"names":[],"mappings":""}
1
+ {"version":3,"file":"FeatureSelectionWidgetUI.test.d.ts","sourceRoot":"","sources":["../../../../src/widgets/FeatureSelectionWidgetUI/FeatureSelectionWidgetUI.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carto/meridian-ds",
3
- "version": "2.8.0-alpha-empty-state.4",
3
+ "version": "2.9.0",
4
4
  "description": "CARTO Meridian Design System",
5
5
  "type": "module",
6
6
  "scripts": {