@carto/meridian-ds 2.7.0-alpha-loader.3 → 2.7.0-alpha-loader.5

package/dist/components/index.cjs

@@ -877,15 +877,16 @@ function _ToggleButtonGroup({
 }
 const ToggleButtonGroup = React.forwardRef(_ToggleButtonGroup);
 const Wrapper = material.styled(material.Stack, {
-  shouldForwardProp: (prop) => prop !== "fullHeight"
-})(({ fullHeight, theme }) => ({
+  shouldForwardProp: (prop) => prop !== "contentHeight"
+})(({ contentHeight, theme }) => ({
   alignItems: "center",
   justifyContent: "center",
   gap: theme.spacing(1.5),
   width: "100%",
-  ...fullHeight && {
+  ...contentHeight && {
     flex: 1,
-    height: "100%"
+    height: contentHeight,
+    minHeight: contentHeight
   }
 }));
 function _Loader({
@@ -893,7 +894,7 @@ function _Loader({
   secondLabel,
   color = "primary",
   size = 40,
-  fullHeight,
+  contentHeight,
   labelTypographyProps,
   secondLabelTypographyProps,
   sx,
@@ -904,13 +905,13 @@ function _Loader({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Wrapper,
     {
-      fullHeight,
+      contentHeight,
       sx,
       ...otherProps,
       ref,
       "aria-busy": true,
       "data-name": "loader",
-      "data-full-height": fullHeight,
+      "data-content-height": contentHeight,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           material.CircularProgress,

package/dist/components/index.js

@@ -877,15 +877,16 @@ function _ToggleButtonGroup({
 }
 const ToggleButtonGroup = forwardRef(_ToggleButtonGroup);
 const Wrapper = styled(Stack, {
-  shouldForwardProp: (prop) => prop !== "fullHeight"
-})(({ fullHeight, theme }) => ({
+  shouldForwardProp: (prop) => prop !== "contentHeight"
+})(({ contentHeight, theme }) => ({
   alignItems: "center",
   justifyContent: "center",
   gap: theme.spacing(1.5),
   width: "100%",
-  ...fullHeight && {
+  ...contentHeight && {
     flex: 1,
-    height: "100%"
+    height: contentHeight,
+    minHeight: contentHeight
   }
 }));
 function _Loader({
@@ -893,7 +894,7 @@ function _Loader({
   secondLabel,
   color = "primary",
   size = 40,
-  fullHeight,
+  contentHeight,
   labelTypographyProps,
   secondLabelTypographyProps,
   sx,
@@ -904,13 +905,13 @@ function _Loader({
   return /* @__PURE__ */ jsxs(
     Wrapper,
     {
-      fullHeight,
+      contentHeight,
       sx,
       ...otherProps,
       ref,
       "aria-busy": true,
       "data-name": "loader",
-      "data-full-height": fullHeight,
+      "data-content-height": contentHeight,
       children: [
         /* @__PURE__ */ jsx(
           CircularProgress,

package/dist/types/components/Loader/Loader.d.ts

@@ -34,10 +34,12 @@ export type LoaderProps = {
      */
     size?: number | string;
     /**
-     * If `true`, the component will take the full height of its container.
-     * @default false
+     * The height of the component.
+     * If using a number, the pixel unit is assumed.
+     * If using a string, you need to provide the CSS unit, for example '3rem'.
+     * @default undefined
      */
-    fullHeight?: boolean;
+    contentHeight?: number | string;
     /**
      * The props to pass to the container element to override the default styles.
      */

package/dist/types/components/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAG3D,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAA;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,0BAA0B,CAAC,EAAE,eAAe,CAAA;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,CAAA;AA+ED,QAAA,MAAM,MAAM,wGAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAG3D,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAA;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,0BAA0B,CAAC,EAAE,eAAe,CAAA;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,CAAA;AAgFD,QAAA,MAAM,MAAM,wGAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}

package/dist/types/components/Loader/Loader.stories.d.ts

@@ -24,13 +24,13 @@ declare const options: {
         secondLabelTypographyProps: {
             control: "object";
         };
-        fullHeight: {
+        contentHeight: {
             table: {
                 defaultValue: {
                     summary: string;
                 };
             };
-            control: "boolean";
+            control: "text";
         };
     };
     args: {
@@ -65,8 +65,11 @@ export declare const Size: {
 export declare const LabelAndSecondLabel: {
     render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const FullHeight: {
+export declare const ContentHeight: {
     render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        contentHeight: number;
+    };
 };
 export declare const CustomSXStyles: {
     render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Loader/Loader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG9C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAqGtB,eAAO,MAAM,UAAU;mBAnGC,WAAW;;;;;;CAwGlC,CAAA;AAED,eAAO,MAAM,KAAK;mBAxGW,WAAW;CA0GvC,CAAA;AAED,eAAO,MAAM,IAAI;mBA9FW,WAAW;CAgGtC,CAAA;AAED,eAAO,MAAM,mBAAmB;mBA7EH,WAAW;CA+EvC,CAAA;AAED,eAAO,MAAM,UAAU;mBAlCO,WAAW;CAoCxC,CAAA;AAED,eAAO,MAAM,cAAc;mBA1HH,WAAW;;;;;;CA+HlC,CAAA"}
+{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAsFtB,eAAO,MAAM,UAAU;mBApFC,WAAW;;;;;;CAyFlC,CAAA;AAED,eAAO,MAAM,KAAK;mBAzFW,WAAW;CA2FvC,CAAA;AAED,eAAO,MAAM,IAAI;mBA/EW,WAAW;CAiFtC,CAAA;AAED,eAAO,MAAM,mBAAmB;mBA9DH,WAAW;CAgEvC,CAAA;AAED,eAAO,MAAM,aAAa;mBAvGF,WAAW;;;;CA4GlC,CAAA;AAED,eAAO,MAAM,cAAc;mBA9GH,WAAW;;;;;;CAmHlC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.7.0-alpha-loader.3",
+  "version": "2.7.0-alpha-loader.5",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {