@backstage/core-components 0.10.1-next.0 → 0.10.1-next.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage/core-components
 
+## 0.10.1-next.1
+
+### Patch Changes
+
+- a22af3edc8: Adding a `className` prop to the `MarkdownContent` component
+
 ## 0.10.1-next.0
 
 ### Patch Changes

package/dist/index.d.ts

@@ -700,6 +700,7 @@ declare type Props$b = {
     linkTarget?: Options['linkTarget'];
     transformLinkUri?: (href: string) => string;
     transformImageUri?: (href: string) => string;
+    className?: string;
 };
 /**
  * MarkdownContent
@@ -893,6 +894,7 @@ declare type SelectProps = {
     triggerReset?: boolean;
     native?: boolean;
     disabled?: boolean;
+    margin?: 'dense' | 'none';
 };
 /** @public */
 declare function SelectComponent(props: SelectProps): JSX.Element;

package/dist/index.esm.js

@@ -1865,12 +1865,13 @@ function MarkdownContent(props) {
     dialect = "gfm",
     linkTarget,
     transformLinkUri,
-    transformImageUri
+    transformImageUri,
+    className
   } = props;
   const classes = useStyles$B();
   return /* @__PURE__ */ React.createElement(ReactMarkdown, {
     remarkPlugins: dialect === "gfm" ? [gfm] : [],
-    className: classes.markdown,
+    className: `${classes.markdown} ${className}`,
     children: content,
     components,
     linkTarget,
@@ -2525,7 +2526,8 @@ function SelectComponent(props) {
     onChange,
     triggerReset,
     native = false,
-    disabled = false
+    disabled = false,
+    margin
   } = props;
   const classes = useStyles$s();
   const [value, setValue] = useState(
@@ -2580,6 +2582,7 @@ function SelectComponent(props) {
     "data-testid": "select",
     displayEmpty: true,
     multiple,
+    margin,
     onChange: handleChange,
     onClick: handleClick,
     open: isOpen,