npm - @amboss/design-system - Versions diffs - 1.12.1 → 1.13.0 - Mend

@amboss/design-system 1.12.1 → 1.13.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.

Files changed (141) hide show

package/build/esm/src/components/Button/mock.d.ts ADDED Viewed

@@ -0,0 +1,326 @@
+export declare const buttonStatesLightData: {
+    primary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+    };
+    secondary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+    };
+    tertiary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+    };
+};
+export declare const buttonStatesDarkData: {
+    primary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+    };
+    secondary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+                "border-color": string;
+            };
+        };
+    };
+    tertiary: {
+        unset: {
+            active: {
+                "background-color": string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        error: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        success: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        info: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+        dimmed: {
+            active: {
+                "background-color": string;
+                color: string;
+            };
+            hover: {
+                "background-color": string;
+                color: string;
+            };
+        };
+    };
+};

package/build/esm/src/components/Callout/Callout.js CHANGED Viewed

@@ -23,30 +23,30 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
   } = _ref;
   return {
     display: "flex",
-    color: theme.values.color.text.callout[type],
-    backgroundColor: theme.values.color.background.callout[type],
     borderRadius: theme.variables.size.borderRadius.button.m,
     padding: theme.variables.size.spacing.m,
     lineHeight: theme.variables.size.lineHeight.callout.s,
     width: "100%",
+    color: theme.values.color.text[type].default,
+    backgroundColor: theme.values.color.background[`${type}Subtle`].default,
+    svg: {
+      color: theme.values.color.icon[type]
+    },
     ...{
       "a,button,p": {
-        color: theme.values.color.text.callout[type],
+        color: "inherit",
         "&:hover": {
-          color: theme.values.color.text.callout[type]
+          color: "inherit"
         },
         "& button": {
           fontWeight: "inherit",
           fontSize: "inherit",
           lineHeight: "inherit"
         }
-      },
-      svg: {
-        color: theme.values.color.icon.callout[type]
       }
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHBhZGRpbmdUb3A6IFwiMXB4XCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhbGxvdXQoe1xuICB0ZXh0LFxuICBkZXNjcmlwdGlvbixcbiAgdHlwZSxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYWxsb3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aXRsZUZvbnRXZWlnaHQgPSBkZXNjcmlwdGlvbiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FsbG91dFwiXG4gICAgICB0eXBlPXt0eXBlfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJ0b3BcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSB2YXJpYW50PVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuY2FsbG91dC5zLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdHlwZV0uZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3R5cGV9U3VidGxlYF0uZGVmYXVsdCxcbiAgICBzdmc6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvblt0eXBlXSxcbiAgICB9LFxuICAgIC4uLntcbiAgICAgIFwiYSxidXR0b24scFwiOiB7XG4gICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcGFkZGluZ1RvcDogXCIxcHhcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FsbG91dCh7XG4gIHRleHQsXG4gIGRlc2NyaXB0aW9uLFxuICB0eXBlLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhbGxvdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRpdGxlRm9udFdlaWdodCA9IGRlc2NyaXB0aW9uID8gXCJib2xkXCIgOiBcIm5vcm1hbFwiO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDYWxsb3V0XCJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cInRvcFwiIHNwYWNlPVwieHNcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
 const StyledIconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "evdfhap0"
 } : {
@@ -58,7 +58,7 @@ const StyledIconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
 } : {
   name: "1pjpfnb",
   styles: "padding-top:1px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtENEIiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHBhZGRpbmdUb3A6IFwiMXB4XCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhbGxvdXQoe1xuICB0ZXh0LFxuICBkZXNjcmlwdGlvbixcbiAgdHlwZSxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYWxsb3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aXRsZUZvbnRXZWlnaHQgPSBkZXNjcmlwdGlvbiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FsbG91dFwiXG4gICAgICB0eXBlPXt0eXBlfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJ0b3BcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSB2YXJpYW50PVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtENEIiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuY2FsbG91dC5zLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdHlwZV0uZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3R5cGV9U3VidGxlYF0uZGVmYXVsdCxcbiAgICBzdmc6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvblt0eXBlXSxcbiAgICB9LFxuICAgIC4uLntcbiAgICAgIFwiYSxidXR0b24scFwiOiB7XG4gICAgICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgcGFkZGluZ1RvcDogXCIxcHhcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FsbG91dCh7XG4gIHRleHQsXG4gIGRlc2NyaXB0aW9uLFxuICB0eXBlLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhbGxvdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRpdGxlRm9udFdlaWdodCA9IGRlc2NyaXB0aW9uID8gXCJib2xkXCIgOiBcIm5vcm1hbFwiO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDYWxsb3V0XCJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cInRvcFwiIHNwYWNlPVwieHNcIiBub1dyYXA+XG4gICAgICAgIDxTdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 function Callout(_ref2) {
@@ -80,7 +80,7 @@ function Callout(_ref2) {
     noWrap: true
   }, /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
     name: icon,
-    variant: "inherit",
+    color: "inherit",
     size: "s"
   })), /*#__PURE__*/React.createElement(Stack, {
     space: "xxs"

package/build/esm/src/components/Callout/Callout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Callout.js","sources":["../../../../../src/components/Callout/Callout.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { CalloutVariations } from \"../../types\";\n\nexport type CalloutProps = {\n type?: CalloutVariations;\n icon?: IconName;\n \"data-e2e-test-id\"?: string;\n text: string \| ReactElement;\n description?: string \| ReactElement;\n};\n\nconst defaultProps: Partial<CalloutProps> = {\n icon: \"info\",\n type: \"info\",\n \"data-e2e-test-id\": undefined,\n};\n\nconst StyledContainer = styled.div<Partial<CalloutProps>>(\n ({ theme, type }) => ({\n display: \"flex\",\n ~~color: theme.values.color.text.callout[type],\n backgroundColor: theme.values.color.background.callout[type],\n~~ borderRadius: theme.variables.size.borderRadius.button.m,\n padding: theme.variables.size.spacing.m,\n lineHeight: theme.variables.size.lineHeight.callout.s,\n width: \"100%\",\n ...{\n \"a,button,p\": {\n color: ~~theme.values.color.text.callout[type]~~,\n \"&:hover\": {\n color: ~~theme.values.color.text.callout[type]~~,\n },\n \"& button\": {\n fontWeight: \"inherit\",\n fontSize: \"inherit\",\n lineHeight: \"inherit\",\n },\n },\n ~~svg: {\n color: theme.values.color.icon.callout[type],\n },\n~~ },\n })\n);\n\nconst StyledIconContainer = styled.div({\n paddingTop: \"1px\",\n});\n\nexport function Callout({\n text,\n description,\n type,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CalloutProps): React.ReactElement {\n const titleFontWeight = description ? \"bold\" : \"normal\";\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Callout\"\n type={type}\n >\n <Inline vAlignItems=\"top\" space=\"xs\" noWrap>\n <StyledIconContainer>\n <Icon name={icon} ~~variant~~=\"inherit\" size=\"s\" />\n </StyledIconContainer>\n <Stack space=\"xxs\">\n <Text weight={titleFontWeight} size=\"s\">\n {text}\n </Text>\n {description && <Text size=\"s\">{description}</Text>}\n </Stack>\n </Inline>\n </StyledContainer>\n );\n}\n\nCallout.defaultProps = defaultProps;\n"],"names":["defaultProps","icon","type","undefined","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","~~color~~","~~values~~","~~text~~","~~callout~~","~~backgroundColor~~","~~background~~","~~borderRadius~~","~~variables~~","~~size~~","~~button~~","m","~~padding~~","~~spacing~~","~~lineHeight~~","s","~~width~~","~~fontWeight~~","~~fontSize~~","~~svg~~","StyledIconContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Callout","_ref2","description","dataE2eTestId","titleFontWeight","React","createElement","Inline","vAlignItems","space","noWrap","Icon","~~variant","~~Stack","Text","weight"],"mappings":";;;;;;;;AAgBA,MAAMA,YAAmC,GAAG;AAC1CC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,kBAAkB,EAAEC,SAAAA;AACtB,CAAC,CAAA;AAED,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEV,IAAAA,IAAAA;AAAK,GAAC,GAAAS,IAAA,CAAA;EAAA,OAAM;AACpBE,IAAAA,OAAO,EAAE,MAAM;~~AACfC~~,~~IAAAA~~,~~KAAK,~~EAAEF,KAAK,CAACG,~~MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,OAAO,CAACf,IAAI,CAAC;AAC5CgB,IAAAA,eAAe,EAAEN,KAAK,CAACG,MAAM,CAACD,KAAK,CAACK,UAAU,CAACF,OAAO,CAACf,IAAI,CAAC;IAC5DkB,YAAY,EAAER,KAAK,CAACS,~~SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,MAAM,CAACC,CAAC;IACxDC,OAAO,~~EAAEb~~,KAAK,~~CAACS~~,SAAS,CAACC,IAAI,CAACI,OAAO,CAACF,CAAC;IACvCG,UAAU,~~EAAEf~~,KAAK,~~CAACS~~,SAAS,CAACC,IAAI,CAACK,UAAU,~~CAACV~~,OAAO,~~CAACW~~,CAAC;AACrDC,IAAAA,KAAK,EAAE,MAAM;~~IACb~~,~~GAAG;AACD~~,~~MAAA~~,~~YAAY~~,~~EAAE;AACZf~~,~~QAAAA~~,KAAK,~~EAAEF~~,KAAK,~~CAACG~~,MAAM,CAACD,KAAK,~~CAACE~~,~~IAAI~~,~~CAACC~~,~~OAAO~~,~~CAACf~~,~~IAAI~~,CAAC;~~AAC5C~~,~~QAAA~~,~~SAAS~~,EAAE;~~UACTY~~,KAAK,~~EAAEF~~,KAAK,~~CAACG~~,MAAM,CAACD,KAAK,~~CAACE~~,IAAI,CAACC,~~OAAO,CAACf,~~IAAI,CAAA;~~SAC5C~~;AACD,~~QAAA~~,~~UAAU~~,EAAE;~~AACV4B~~,~~UAAAA~~,~~UAAU~~,EAAE,SAAS;~~AACrBC~~,~~UAAAA~~,~~QAAQ~~,EAAE~~,SAAS~~;~~AACnBJ~~,UAAAA,~~UAAU~~,EAAE,SAAA;~~AACd,SAAA~~;~~OACD;AACDK~~,~~MAAAA~~,~~GAAG~~,EAAE;~~QACHlB~~,~~KAAK~~,~~EAAEF~~,~~KAAK~~,~~CAACG~~,~~MAAM~~,~~CAACD~~,~~KAAK~~,~~CAACb~~,~~IAAI~~,~~CAACgB~~,~~OAAO~~,~~CAACf~~,~~IAAI,CAAA~~;~~AAC7C~~,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,~~EAAAI~~,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~83GACJ~~,CAAC,CAAA;AAED,~~MAAMyB~~,mBAAmB,~~gBAAG5B~~,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,qBAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;~~EAAA0B~~,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,iBAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,iBAAA;EAAAC,GAAA,EAAA,~~q2GAAA~~;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAE3B,CAAC,CAAA;AAEK,SAASC,OAAOA,CAAAC,KAAA,EAMc;EAAA,IANb;~~IACtBxB~~,IAAI;~~IACJyB~~,WAAW;~~IACXvC~~,IAAI;IACJD,IAAI;AACJ,IAAA,kBAAkB,~~EAAEyC~~,aAAAA;AACR,GAAC,GAAAF,KAAA,CAAA;AACb,EAAA,MAAMG,eAAe,GAAGF,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEvD,EAAA,oBACEG,KAAA,CAAAC,aAAA,~~CAACzC~~,eAAe,EAAA;AACd,IAAA,kBAAA,~~EAAkBsC~~,aAAc;AAChC,IAAA,YAAA,EAAW,SAAS;~~AACpBxC~~,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,~~eAEX0C~~,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AAACC,IAAAA,WAAW,EAAC,KAAK;AAACC,IAAAA,KAAK,EAAC,IAAI;IAACC,MAAM,EAAA,IAAA;GACzCL,eAAAA,KAAA,CAAAC,aAAA,CAACZ,mBAAmB,qBAClBW,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAAChB,IAAAA,IAAI,~~EAAEjC~~,IAAK;~~AAACkD~~,IAAAA,~~OAAO~~,EAAC,SAAS;~~AAAC7B~~,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAE,~~CAC3B~~,CAAC,~~eACtBsB~~,KAAA,CAAAC,aAAA,~~CAACO~~,KAAK,EAAA;~~AAACJ~~,IAAAA,KAAK,EAAC,KAAA;AAAK,GAAA,eAChBJ,KAAA,CAAAC,aAAA,~~CAACQ~~,IAAI,EAAA;AAACC,IAAAA,MAAM,~~EAAEX~~,eAAgB;~~AAACrB~~,IAAAA,IAAI,EAAC,GAAA;~~GACjCN~~,EAAAA,IACG,CAAC,~~EACNyB~~,WAAW,iBAAIG,KAAA,CAAAC,aAAA,~~CAACQ~~,IAAI,EAAA;~~AAAC/B~~,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,~~EAAEmB~~,WAAkB,CAC7C,CACD,CACO,CAAC,CAAA;AAEtB,CAAA;AAEAF,OAAO,~~CAACvC~~,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"Callout.js","sources":["../../../../../src/components/Callout/Callout.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { CalloutVariations } from \"../../types\";\n\nexport type CalloutProps = {\n type?: CalloutVariations;\n icon?: IconName;\n \"data-e2e-test-id\"?: string;\n text: string \| ReactElement;\n description?: string \| ReactElement;\n};\n\nconst defaultProps: Partial<CalloutProps> = {\n icon: \"info\",\n type: \"info\",\n \"data-e2e-test-id\": undefined,\n};\n\nconst StyledContainer = styled.div<Partial<CalloutProps>>(\n ({ theme, type }) => ({\n display: \"flex\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n padding: theme.variables.size.spacing.m,\n lineHeight: theme.variables.size.lineHeight.callout.s,\n width: \"100%\",\n color: theme.values.color.text[type].default,\n backgroundColor: theme.values.color.background[`${type}Subtle`].default,\n svg: {\n color: theme.values.color.icon[type],\n },\n ...{\n \"a,button,p\": {\n color: \"inherit\",\n \"&:hover\": {\n color: \"inherit\",\n },\n \"& button\": {\n fontWeight: \"inherit\",\n fontSize: \"inherit\",\n lineHeight: \"inherit\",\n },\n },\n },\n })\n);\n\nconst StyledIconContainer = styled.div({\n paddingTop: \"1px\",\n});\n\nexport function Callout({\n text,\n description,\n type,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CalloutProps): React.ReactElement {\n const titleFontWeight = description ? \"bold\" : \"normal\";\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Callout\"\n type={type}\n >\n <Inline vAlignItems=\"top\" space=\"xs\" noWrap>\n <StyledIconContainer>\n <Icon name={icon} color=\"inherit\" size=\"s\" />\n </StyledIconContainer>\n <Stack space=\"xxs\">\n <Text weight={titleFontWeight} size=\"s\">\n {text}\n </Text>\n {description && <Text size=\"s\">{description}</Text>}\n </Stack>\n </Inline>\n </StyledContainer>\n );\n}\n\nCallout.defaultProps = defaultProps;\n"],"names":["defaultProps","icon","type","undefined","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","button","m","padding","spacing","lineHeight","callout","s","width","color","values","text","default","backgroundColor","background","svg","fontWeight","fontSize","StyledIconContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Callout","_ref2","description","dataE2eTestId","titleFontWeight","React","createElement","Inline","vAlignItems","space","noWrap","Icon","Stack","Text","weight"],"mappings":"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"}

package/build/esm/src/components/Card/Card.js CHANGED Viewed

@@ -29,10 +29,10 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
       }
     }),
     boxShadow: theme.variables.shadow.card.a,
-    backgroundColor: theme.values.color.background.layer_2,
+    backgroundColor: theme.values.color.background.primary.default,
     overflow
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmRIZWFkZXIgfSBmcm9tIFwiLi9DYXJkSGVhZGVyL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51UHJvcHMgfSBmcm9tIFwiLi4vRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudVwiO1xuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIC8qKiBTcGVjaWZ5IHRpdGxlIGRpc3BsYXllZCBpbiBIZWFkZXIgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkIFN1YnRpdGxlIGlzIG5vdyBkZXByZWNhdGVkICovXG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBAZGVwcmVjYXRlZCBidXR0b24gcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcC4gKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIGRyb3Bkb3duPzogT21pdDxEcm9wZG93bk1lbnVQcm9wcywgXCJpY29uTmFtZVwiIHwgXCJzaXplXCI+O1xuXG4gIG92ZXJmbG93PzogXCJhdXRvXCIgfCBcImhpZGRlblwiIHwgXCJ2aXNpYmxlXCI7XG5cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FyZFByb3BzPj4oXG4gICh7IHRoZW1lLCBvdmVyZmxvdywgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImID4gKjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3csXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJoaWRkZW5cIixcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhcmRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGluZm9ybURlcHJlY2F0aW9uKFxuICAgIHN1YnRpdGxlLFxuICAgIHN1YnRpdGxlLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiU3VidGl0bGUgaXMgbm93IGEgZGVwcmljYXRlZCBwcm9wLCBwbGVhc2UgZGlzY3VzcyBhIHdvcmthcm91bmQgd2l0aCBhbnkgb2YgVVggZGVzaWduZXJzXCJcbiAgKTtcblxuICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICBidXR0b24sXG4gICAgYnV0dG9uLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiQnV0dG9uIGlzIGRlcHJlY2F0ZWQsIHBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcGVydHkgaW5zdGVhZFwiXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNhcmRcIlxuICAgICAgb3ZlcmZsb3c9e292ZXJmbG93fVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICA+XG4gICAgICB7KGJ1dHRvbiB8fCBkcm9wZG93biB8fCBzdWJ0aXRsZSB8fCB0aXRsZSkgJiYgKFxuICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICBzdWJ0aXRsZT17c3VidGl0bGV9XG4gICAgICAgICAgYnV0dG9uPXtidXR0b259XG4gICAgICAgICAgZHJvcGRvd249e2Ryb3Bkb3dufVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmRIZWFkZXIgfSBmcm9tIFwiLi9DYXJkSGVhZGVyL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51UHJvcHMgfSBmcm9tIFwiLi4vRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudVwiO1xuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIC8qKiBTcGVjaWZ5IHRpdGxlIGRpc3BsYXllZCBpbiBIZWFkZXIgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkIFN1YnRpdGxlIGlzIG5vdyBkZXByZWNhdGVkICovXG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBAZGVwcmVjYXRlZCBidXR0b24gcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcC4gKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIGRyb3Bkb3duPzogT21pdDxEcm9wZG93bk1lbnVQcm9wcywgXCJpY29uTmFtZVwiIHwgXCJzaXplXCI+O1xuXG4gIG92ZXJmbG93PzogXCJhdXRvXCIgfCBcImhpZGRlblwiIHwgXCJ2aXNpYmxlXCI7XG5cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FyZFByb3BzPj4oXG4gICh7IHRoZW1lLCBvdmVyZmxvdywgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImID4gKjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdyxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXJkKHtcbiAgdGl0bGUsXG4gIHN1YnRpdGxlLFxuICBidXR0b24sXG4gIGRyb3Bkb3duLFxuICBjaGlsZHJlbixcbiAgb3ZlcmZsb3cgPSBcImhpZGRlblwiLFxuICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ2FyZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaW5mb3JtRGVwcmVjYXRpb24oXG4gICAgc3VidGl0bGUsXG4gICAgc3VidGl0bGUsXG4gICAgXCJDYXJkXCIsXG4gICAgXCJTdWJ0aXRsZSBpcyBub3cgYSBkZXByaWNhdGVkIHByb3AsIHBsZWFzZSBkaXNjdXNzIGEgd29ya2Fyb3VuZCB3aXRoIGFueSBvZiBVWCBkZXNpZ25lcnNcIlxuICApO1xuXG4gIGluZm9ybURlcHJlY2F0aW9uKFxuICAgIGJ1dHRvbixcbiAgICBidXR0b24sXG4gICAgXCJDYXJkXCIsXG4gICAgXCJCdXR0b24gaXMgZGVwcmVjYXRlZCwgcGxlYXNlIHVzZSBkcm9wZG93biBwcm9wZXJ0eSBpbnN0ZWFkXCJcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FyZFwiXG4gICAgICBvdmVyZmxvdz17b3ZlcmZsb3d9XG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgID5cbiAgICAgIHsoYnV0dG9uIHx8IGRyb3Bkb3duIHx8IHN1YnRpdGxlIHx8IHRpdGxlKSAmJiAoXG4gICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgIHN1YnRpdGxlPXtzdWJ0aXRsZX1cbiAgICAgICAgICBidXR0b249e2J1dHRvbn1cbiAgICAgICAgICBkcm9wZG93bj17ZHJvcGRvd259XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
 function Card(_ref2) {
   let {
     title,

package/build/esm/src/components/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\n\nexport type CardProps = {\n /** Specify title displayed in Header /\n title?: string;\n\n /* @deprecated Subtitle is now deprecated /\n subtitle?: string;\n\n /* @deprecated button property is deprecated now. Please use dropdown prop. /\n button?: React.ReactElement;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" \| \"size\">;\n\n overflow?: \"auto\" \| \"hidden\" \| \"visible\";\n\n squareCorners?: boolean;\n\n children?: React.ReactNode;\n\n \"data-e2e-test-id\"?: string;\n};\n\nconst StyledContainer = styled.div<Partial<CardProps>>(\n ({ theme, overflow, squareCorners }) => ({\n ...(squareCorners\n ? {\n borderRadius: 0,\n }\n : {\n borderRadius: theme.variables.size.borderRadius.card.m,\n \"& > :last-child\": {\n borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n },\n \"& > *:first-child\": {\n borderTopLeftRadius: theme.variables.size.borderRadius.card.m,\n borderTopRightRadius: theme.variables.size.borderRadius.card.m,\n },\n }),\n boxShadow: theme.variables.shadow.card.a,\n backgroundColor: theme.values.color.background.~~layer_2~~,\n overflow,\n })\n);\n\nexport function Card({\n title,\n subtitle,\n button,\n dropdown,\n children,\n overflow = \"hidden\",\n squareCorners = false,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n informDeprecation(\n subtitle,\n subtitle,\n \"Card\",\n \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n );\n\n informDeprecation(\n button,\n button,\n \"Card\",\n \"Button is deprecated, please use dropdown property instead\"\n );\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Card\"\n overflow={overflow}\n squareCorners={squareCorners}\n >\n {(button \|\| dropdown \|\| subtitle \|\| title) && (\n <CardHeader\n title={title}\n subtitle={subtitle}\n button={button}\n dropdown={dropdown}\n />\n )}\n {children}\n </StyledContainer>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","~~layer_2~~","Card","_ref2","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation","React","createElement","CardHeader"],"mappings":";;;;;AA2BA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIG,aAAa,GACb;AACEC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;AACtD,MAAA,kBAAkB,EAAE;QAClBC,sBAAsB,EAAER,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAChEE,uBAAuB,EAAET,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;OACjE;AACD,MAAA,mBAAmB,EAAE;QACnBG,mBAAmB,EAAEV,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAC7DI,oBAAoB,EAAEX,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;AAC/D,OAAA;AACF,KAAC,CAAC;IACNK,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACS,MAAM,CAACP,IAAI,CAACQ,CAAC;IACxCC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;~~AACtDlB~~,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~kjHACJ~~,CAAC,CAAA;AAEM,~~SAASwB~~,IAAIA,CAAAC,KAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;~~AACRzB~~,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,~~EAAEyB~~,aAAAA;AACX,GAAC,GAAAN,KAAA,CAAA;EACVO,iBAAiB,CACfL,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFACF,CAAC,CAAA;EAEDK,iBAAiB,CACfJ,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DACF,CAAC,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,~~CAACtC~~,eAAe,EAAA;AACd,IAAA,kBAAA,~~EAAkBmC~~,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;~~AACjB1B~~,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,~~CAACsB~~,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GACX,CACF,EACAC,QACc,CAAC,CAAA;AAEtB;;;;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\n\nexport type CardProps = {\n /** Specify title displayed in Header /\n title?: string;\n\n /* @deprecated Subtitle is now deprecated /\n subtitle?: string;\n\n /* @deprecated button property is deprecated now. Please use dropdown prop. /\n button?: React.ReactElement;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" \| \"size\">;\n\n overflow?: \"auto\" \| \"hidden\" \| \"visible\";\n\n squareCorners?: boolean;\n\n children?: React.ReactNode;\n\n \"data-e2e-test-id\"?: string;\n};\n\nconst StyledContainer = styled.div<Partial<CardProps>>(\n ({ theme, overflow, squareCorners }) => ({\n ...(squareCorners\n ? {\n borderRadius: 0,\n }\n : {\n borderRadius: theme.variables.size.borderRadius.card.m,\n \"& > :last-child\": {\n borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n },\n \"& > *:first-child\": {\n borderTopLeftRadius: theme.variables.size.borderRadius.card.m,\n borderTopRightRadius: theme.variables.size.borderRadius.card.m,\n },\n }),\n boxShadow: theme.variables.shadow.card.a,\n backgroundColor: theme.values.color.background.primary.default,\n overflow,\n })\n);\n\nexport function Card({\n title,\n subtitle,\n button,\n dropdown,\n children,\n overflow = \"hidden\",\n squareCorners = false,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n informDeprecation(\n subtitle,\n subtitle,\n \"Card\",\n \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n );\n\n informDeprecation(\n button,\n button,\n \"Card\",\n \"Button is deprecated, please use dropdown property instead\"\n );\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Card\"\n overflow={overflow}\n squareCorners={squareCorners}\n >\n {(button \|\| dropdown \|\| subtitle \|\| title) && (\n <CardHeader\n title={title}\n subtitle={subtitle}\n button={button}\n dropdown={dropdown}\n />\n )}\n {children}\n </StyledContainer>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","primary","default","Card","_ref2","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation","React","createElement","CardHeader"],"mappings":";;;;;AA2BA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIG,aAAa,GACb;AACEC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;AACtD,MAAA,kBAAkB,EAAE;QAClBC,sBAAsB,EAAER,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAChEE,uBAAuB,EAAET,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;OACjE;AACD,MAAA,mBAAmB,EAAE;QACnBG,mBAAmB,EAAEV,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAC7DI,oBAAoB,EAAEX,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;AAC/D,OAAA;AACF,KAAC,CAAC;IACNK,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACS,MAAM,CAACP,IAAI,CAACQ,CAAC;IACxCC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DnB,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,0jHACJ,CAAC,CAAA;AAEM,SAASyB,IAAIA,CAAAC,KAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACR1B,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAE0B,aAAAA;AACX,GAAC,GAAAN,KAAA,CAAA;EACVO,iBAAiB,CACfL,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFACF,CAAC,CAAA;EAEDK,iBAAiB,CACfJ,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DACF,CAAC,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACvC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBoC,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjB3B,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,CAACuB,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GACX,CACF,EACAC,QACc,CAAC,CAAA;AAEtB;;;;"}

package/build/esm/src/components/Card/CardHeader/CardHeader.js CHANGED Viewed

@@ -17,7 +17,7 @@ const StyledHeaderWrap = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "p
 })({
   // Compensate small button height with 6px
   padding: `6px 0`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QiIsImZpbGUiOiJDYXJkSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBINSB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L0hlYWRlci9IZWFkZXJcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tIFwiLi4vLi4vRGl2aWRlci9EaXZpZGVyXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vLi4vQm94L0JveFwiO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25NZW51LFxuICBEcm9wZG93bk1lbnVQcm9wcyxcbn0gZnJvbSBcIi4uLy4uL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnVcIjtcblxuY29uc3QgU3R5bGVkSGVhZGVyV3JhcCA9IHN0eWxlZC5kaXYoe1xuICAvLyBDb21wZW5zYXRlIHNtYWxsIGJ1dHRvbiBoZWlnaHQgd2l0aCA2cHhcbiAgcGFkZGluZzogYDZweCAwYCxcbn0pO1xuXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlclByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgZHJvcGRvd24/OiBPbWl0PERyb3Bkb3duTWVudVByb3BzLCBcImljb25OYW1lXCIgfCBcInNpemVcIj47XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYXJkSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8Qm94IHNwYWNlPXtbXCJtXCIsIFwibFwiLCBcImxcIl19IHZTcGFjZT1cInNcIiByU3BhY2U9XCJzXCI+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7dGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICAgICA8SDU+e3RpdGxlfTwvSDU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3VidGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBzaXplPVwieHNcIiBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICB7YnV0dG9uICYmIDxkaXY+e2J1dHRvbn08L2Rpdj59XG4gICAgICAgICAge2Ryb3Bkb3duICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnUgey4uLmRyb3Bkb3dufSBzaXplPVwic1wiIGljb25OYW1lPVwibW9yZS1ob3Jpem9udGFsXCIgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgICAgPERpdmlkZXIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QiIsImZpbGUiOiJDYXJkSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBINSB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L0hlYWRlci9IZWFkZXJcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tIFwiLi4vLi4vRGl2aWRlci9EaXZpZGVyXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vLi4vQm94L0JveFwiO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25NZW51LFxuICBEcm9wZG93bk1lbnVQcm9wcyxcbn0gZnJvbSBcIi4uLy4uL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnVcIjtcblxuY29uc3QgU3R5bGVkSGVhZGVyV3JhcCA9IHN0eWxlZC5kaXYoe1xuICAvLyBDb21wZW5zYXRlIHNtYWxsIGJ1dHRvbiBoZWlnaHQgd2l0aCA2cHhcbiAgcGFkZGluZzogYDZweCAwYCxcbn0pO1xuXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlclByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgZHJvcGRvd24/OiBPbWl0PERyb3Bkb3duTWVudVByb3BzLCBcImljb25OYW1lXCIgfCBcInNpemVcIj47XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYXJkSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8Qm94IHNwYWNlPXtbXCJtXCIsIFwibFwiLCBcImxcIl19IHZTcGFjZT1cInNcIiByU3BhY2U9XCJzXCI+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7dGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICAgICA8SDU+e3RpdGxlfTwvSDU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3VidGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBzaXplPVwieHNcIiBhcz1cInNwYW5cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAge3N1YnRpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAge2J1dHRvbiAmJiA8ZGl2PntidXR0b259PC9kaXY+fVxuICAgICAgICAgIHtkcm9wZG93biAmJiAoXG4gICAgICAgICAgICA8RHJvcGRvd25NZW51IHsuLi5kcm9wZG93bn0gc2l6ZT1cInNcIiBpY29uTmFtZT1cIm1vcmUtaG9yaXpvbnRhbFwiIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
 function CardHeader(_ref) {
   let {
     title,
@@ -41,7 +41,7 @@ function CardHeader(_ref) {
   }, title && /*#__PURE__*/React.createElement(StyledHeaderWrap, null, /*#__PURE__*/React.createElement(H5, null, title)), subtitle && /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     as: "span",
-    variant: "tertiary"
+    color: "tertiary"
   }, subtitle)), button && /*#__PURE__*/React.createElement("div", null, button), dropdown && /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, dropdown, {
     size: "s",
     iconName: "more-horizontal"

package/build/esm/src/components/Card/CardHeader/CardHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader/CardHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H5 } from \"../../Typography/Header/Header\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Divider } from \"../../Divider/Divider\";\nimport { Box } from \"../../Box/Box\";\nimport {\n DropdownMenu,\n DropdownMenuProps,\n} from \"../../DropdownMenu/DropdownMenu\";\n\nconst StyledHeaderWrap = styled.div({\n // Compensate small button height with 6px\n padding: `6px 0`,\n});\n\nexport class CardHeaderProps {\n title?: string;\n\n /* @deprecated * /\n subtitle?: string;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" \| \"size\">;\n\n /* @deprecated * */\n button?: React.ReactElement;\n\n \"data-e2e-test-id\"?: string;\n}\n\nexport function CardHeader({\n title,\n subtitle,\n button,\n dropdown,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardHeaderProps): React.ReactElement {\n return (\n <div data-e2e-test-id={dataE2eTestId}>\n <Box space={[\"m\", \"l\", \"l\"]} vSpace=\"s\" rSpace=\"s\">\n <Inline alignItems=\"spaceBetween\" vAlignItems=\"top\" noWrap>\n <Stack space=\"xs\">\n {title && (\n <StyledHeaderWrap>\n <H5>{title}</H5>\n </StyledHeaderWrap>\n )}\n {subtitle && (\n <Text size=\"xs\" as=\"span\" ~~variant~~=\"tertiary\">\n {subtitle}\n </Text>\n )}\n </Stack>\n {button && <div>{button}</div>}\n {dropdown && (\n <DropdownMenu {...dropdown} size=\"s\" iconName=\"more-horizontal\" />\n )}\n </Inline>\n </Box>\n <Divider />\n </div>\n );\n}\n"],"names":["StyledHeaderWrap","_styled","process","env","NODE_ENV","target","label","padding","CardHeader","_ref","title","subtitle","button","dropdown","dataE2eTestId","React","createElement","Box","space","vSpace","rSpace","Inline","alignItems","vAlignItems","noWrap","Stack","H5","Text","size","as","~~variant~~","DropdownMenu","_extends","iconName","Divider"],"mappings":";;;;;;;;;;;AAcA,MAAMA,gBAAgB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAW,CAAA,CAAA;AAClC;AACAC,EAAAA,OAAO,EAAG,CAAA,KAAA,CAAA;AACZ,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qoFAAA~~,CAAA,CAAA;AAgBK,SAASI,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;IACzBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EAChB,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;AAAc,GAAA,eACnCC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAG;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAChDL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACxDT,KAAA,CAAAC,aAAA,CAACS,KAAK,EAAA;AAACP,IAAAA,KAAK,EAAC,IAAA;GACVR,EAAAA,KAAK,iBACJK,KAAA,CAAAC,aAAA,CAAChB,gBAAgB,EAAA,IAAA,eACfe,KAAA,CAAAC,aAAA,CAACU,EAAE,EAAEhB,IAAAA,EAAAA,KAAU,CACC,CACnB,EACAC,QAAQ,iBACPI,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,~~OAAO~~,EAAC,UAAA;~~GAC/BnB~~,EAAAA,QACG,CAEH,CAAC,EACPC,MAAM,iBAAIG,KAAA,CAAAC,aAAA,CAAMJ,KAAAA,EAAAA,IAAAA,EAAAA,MAAY,CAAC,EAC7BC,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACe,YAAY,EAAAC,QAAA,CAAA,EAAA,EAAKnB,QAAQ,EAAA;AAAEe,IAAAA,IAAI,EAAC,GAAG;AAACK,IAAAA,QAAQ,EAAC,iBAAA;GAAmB,CAAA,CAE7D,CACL,CAAC,eACNlB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAE,IAAA,CACP,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader/CardHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H5 } from \"../../Typography/Header/Header\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Divider } from \"../../Divider/Divider\";\nimport { Box } from \"../../Box/Box\";\nimport {\n DropdownMenu,\n DropdownMenuProps,\n} from \"../../DropdownMenu/DropdownMenu\";\n\nconst StyledHeaderWrap = styled.div({\n // Compensate small button height with 6px\n padding: `6px 0`,\n});\n\nexport class CardHeaderProps {\n title?: string;\n\n /* @deprecated * /\n subtitle?: string;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" \| \"size\">;\n\n /* @deprecated * */\n button?: React.ReactElement;\n\n \"data-e2e-test-id\"?: string;\n}\n\nexport function CardHeader({\n title,\n subtitle,\n button,\n dropdown,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardHeaderProps): React.ReactElement {\n return (\n <div data-e2e-test-id={dataE2eTestId}>\n <Box space={[\"m\", \"l\", \"l\"]} vSpace=\"s\" rSpace=\"s\">\n <Inline alignItems=\"spaceBetween\" vAlignItems=\"top\" noWrap>\n <Stack space=\"xs\">\n {title && (\n <StyledHeaderWrap>\n <H5>{title}</H5>\n </StyledHeaderWrap>\n )}\n {subtitle && (\n <Text size=\"xs\" as=\"span\" color=\"tertiary\">\n {subtitle}\n </Text>\n )}\n </Stack>\n {button && <div>{button}</div>}\n {dropdown && (\n <DropdownMenu {...dropdown} size=\"s\" iconName=\"more-horizontal\" />\n )}\n </Inline>\n </Box>\n <Divider />\n </div>\n );\n}\n"],"names":["StyledHeaderWrap","_styled","process","env","NODE_ENV","target","label","padding","CardHeader","_ref","title","subtitle","button","dropdown","dataE2eTestId","React","createElement","Box","space","vSpace","rSpace","Inline","alignItems","vAlignItems","noWrap","Stack","H5","Text","size","as","color","DropdownMenu","_extends","iconName","Divider"],"mappings":";;;;;;;;;;;AAcA,MAAMA,gBAAgB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAW,CAAA,CAAA;AAClC;AACAC,EAAAA,OAAO,EAAG,CAAA,KAAA,CAAA;AACZ,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,ioFAAA,CAAA,CAAA;AAgBK,SAASI,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;IACzBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EAChB,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;AAAc,GAAA,eACnCC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAG;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAChDL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACxDT,KAAA,CAAAC,aAAA,CAACS,KAAK,EAAA;AAACP,IAAAA,KAAK,EAAC,IAAA;GACVR,EAAAA,KAAK,iBACJK,KAAA,CAAAC,aAAA,CAAChB,gBAAgB,EAAA,IAAA,eACfe,KAAA,CAAAC,aAAA,CAACU,EAAE,EAAEhB,IAAAA,EAAAA,KAAU,CACC,CACnB,EACAC,QAAQ,iBACPI,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,UAAA;GAC7BnB,EAAAA,QACG,CAEH,CAAC,EACPC,MAAM,iBAAIG,KAAA,CAAAC,aAAA,CAAMJ,KAAAA,EAAAA,IAAAA,EAAAA,MAAY,CAAC,EAC7BC,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACe,YAAY,EAAAC,QAAA,CAAA,EAAA,EAAKnB,QAAQ,EAAA;AAAEe,IAAAA,IAAI,EAAC,GAAG;AAACK,IAAAA,QAAQ,EAAC,iBAAA;GAAmB,CAAA,CAE7D,CACL,CAAC,eACNlB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAE,IAAA,CACP,CAAC,CAAA;AAEV;;;;"}