@momentum-design/components 0.53.9 → 0.54.1

package/dist/react/staticcheckbox/index.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/staticcheckbox';
+import { TAG_NAME } from '../../components/staticcheckbox/staticcheckbox.constants';
+/**
+ * This is a decorative component that is styled to look as a checkbox.
+ *
+ * It has 3 properties - checked, indeterminate and disabled.
+ *
+ * We are using the same styling that has been created for the `mdc-checkbox` component.
+ *
+ * @tagname mdc-staticcheckbox
+ *
+ * @dependency mdc-icon
+ *
+ * @cssproperty --mdc-staticcheckbox-border-color - Border color in high contrast.
+ * @cssproperty --mdc-staticcheckbox-checked-background-color - Background color for a selected checkbox.
+ * @cssproperty --mdc-staticcheckbox-disabled-background-color - Background color for a disabled checkbox.
+ * @cssproperty --mdc-checkbox-disabled-border-color - Border color for a disabled checkbox.
+ * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a disabled, selected checkbox.
+ * @cssproperty --mdc-staticcheckbox-disabled-icon-color - Icon color for a disabled checkbox.
+ * @cssproperty --mdc-staticcheckbox-icon-background-color - Background color for an unselected checkbox.
+ * @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.
+ * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
+ *
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'StaticCheckbox',
+});
+export default reactWrapper;

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

@@ -0,0 +1,24 @@
+import Component from '../../components/staticradio';
+/**
+ * This is a decorative component that is styled to look as a radio.
+ * It has 2 properties - checked and disabled.
+ *
+ * We are using the same styling that has been created for the `mdc-radio` component.
+ *
+ * @tagname mdc-staticradio
+ *
+ * @cssproperty --mdc-staticradio-inner-circle-size - size of the inner circle
+ * @cssproperty --mdc-staticradio-text-disabled-color - color of the label when disabled
+ * @cssproperty --mdc-staticradio-normal-border-color - color of the radio button border when normal
+ * @cssproperty --mdc-staticradio-disabled-border-color - color of the radio button border when disabled
+ * @cssproperty --mdc-staticradio-inner-circle-normal-background - background color of the inner circle when normal
+ * @cssproperty --mdc-staticradio-inner-circle-disabled-background - background color of the inner circle when disabled
+ * @cssproperty --mdc-staticradio-control-inactive-color - color of the radio button when inactive
+ * @cssproperty --mdc-staticradio-control-inactive-disabled-background - background color of the radio button when
+ *  inactive and disabled
+ * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active
+ * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button
+ *  when active and disabled
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/staticradio/index.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/staticradio';
+import { TAG_NAME } from '../../components/staticradio/staticradio.constants';
+/**
+ * This is a decorative component that is styled to look as a radio.
+ * It has 2 properties - checked and disabled.
+ *
+ * We are using the same styling that has been created for the `mdc-radio` component.
+ *
+ * @tagname mdc-staticradio
+ *
+ * @cssproperty --mdc-staticradio-inner-circle-size - size of the inner circle
+ * @cssproperty --mdc-staticradio-text-disabled-color - color of the label when disabled
+ * @cssproperty --mdc-staticradio-normal-border-color - color of the radio button border when normal
+ * @cssproperty --mdc-staticradio-disabled-border-color - color of the radio button border when disabled
+ * @cssproperty --mdc-staticradio-inner-circle-normal-background - background color of the inner circle when normal
+ * @cssproperty --mdc-staticradio-inner-circle-disabled-background - background color of the inner circle when disabled
+ * @cssproperty --mdc-staticradio-control-inactive-color - color of the radio button when inactive
+ * @cssproperty --mdc-staticradio-control-inactive-disabled-background - background color of the radio button when
+ *  inactive and disabled
+ * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active
+ * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button
+ *  when active and disabled
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'StaticRadio',
+});
+export default reactWrapper;

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.53.9"
+  "version": "0.54.1"
 }