@momentum-design/components 0.16.13 → 0.16.15

package/dist/react/index.js

@@ -5,10 +5,11 @@ export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Divider } from './divider';
+export { default as FormfieldWrapper } from './formfieldwrapper';
+export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
-export { default as LabelAndHelper } from './labelandhelper';
 export { default as Marker } from './marker';
-export { default as Icon } from './icon';
+export { default as Modalcontainer } from './modalcontainer';
 export { default as Presence } from './presence';
 export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';

package/dist/react/modalcontainer/index.d.ts

@@ -0,0 +1,17 @@
+import Component from '../../components/modalcontainer';
+/**
+ * The `mdc-modalcontainer` component is an element used to
+ * display a modal container that can further be used in popover.
+ *
+ * @tagname mdc-modalcontainer
+ *
+ * @cssproperty --mdc-modalcontainer-primary-background-color - primary background color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-border-color - border color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-background-color - inverted background color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-border-color - inverted border color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-text-color - inverted text color of the modalcontainer
+ *
+ * @slot - Default slot for modal container
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/modalcontainer/index.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/modalcontainer';
+import { TAG_NAME } from '../../components/modalcontainer/modalcontainer.constants';
+/**
+ * The `mdc-modalcontainer` component is an element used to
+ * display a modal container that can further be used in popover.
+ *
+ * @tagname mdc-modalcontainer
+ *
+ * @cssproperty --mdc-modalcontainer-primary-background-color - primary background color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-border-color - border color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-background-color - inverted background color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-border-color - inverted border color of the modalcontainer
+ * @cssproperty --mdc-modalcontainer-inverted-text-color - inverted text color of the modalcontainer
+ *
+ * @slot - Default slot for modal container
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'Modalcontainer',
+});
+export default reactWrapper;

package/package.json

@@ -36,5 +36,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.16.13"
+  "version": "0.16.15"
 }

package/dist/components/labelandhelper/index.d.ts

@@ -1,9 +0,0 @@
-import LabelAndHelper from './labelandhelper.component';
-import '../icon';
-import '../text';
-declare global {
-    interface HTMLElementTagNameMap {
-        ['mdc-labelandhelper']: LabelAndHelper;
-    }
-}
-export default LabelAndHelper;

package/dist/components/labelandhelper/index.js

@@ -1,6 +0,0 @@
-import LabelAndHelper from './labelandhelper.component';
-import { TAG_NAME } from './labelandhelper.constants';
-import '../icon';
-import '../text';
-LabelAndHelper.register(TAG_NAME);
-export default LabelAndHelper;