@momentum-design/components 0.134.22 → 0.135.0

package/dist/react/statusmessage/index.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/statusmessage';
+import { TAG_NAME } from '../../components/statusmessage/statusmessage.constants';
+/**
+ * @tagname mdc-statusmessage
+ *
+ * @dependency mdc-icon
+ * @dependency mdc-text
+ *
+ * @slot default - Message content. Slotted content takes precedence over the `message` attribute.
+ * @slot icon - Custom icon content. Overrides the default severity icon.
+ *
+ * @csspart container - The container for the icon and message text.
+ * @csspart icon - The default severity icon slot or rendered icon.
+ * @csspart text - The rendered message text when using the `message` attribute.
+ *
+ * @cssproperty --mdc-statusmessage-color - Color for the icon and message text.
+ * @cssproperty --mdc-statusmessage-font-size - Font size for the message text.
+ * @cssproperty --mdc-statusmessage-font-weight - Font weight for the message text.
+ * @cssproperty --mdc-statusmessage-line-height - Line height for the message text.
+ * @cssproperty --mdc-statusmessage-gap - Gap between the icon and message text.
+ * @cssproperty --mdc-statusmessage-icon-size - Width and height of the default severity icon.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'StatusMessage',
+});
+export default reactWrapper;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.134.22",
+  "version": "0.135.0",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"