@momentum-design/components 0.29.1 → 0.30.1

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 (15) hide show
  1. package/dist/browser/index.js +3 -1
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/checkbox/checkbox.styles.js +3 -1
  4. package/dist/components/listitem/listitem.component.d.ts +8 -0
  5. package/dist/components/listitem/listitem.component.js +6 -0
  6. package/dist/components/themeprovider/themeprovider.component.d.ts +14 -0
  7. package/dist/components/themeprovider/themeprovider.component.js +14 -0
  8. package/dist/custom-elements.json +1584 -1568
  9. package/dist/react/index.d.ts +1 -1
  10. package/dist/react/index.js +1 -1
  11. package/dist/react/listitem/index.d.ts +12 -1
  12. package/dist/react/listitem/index.js +12 -1
  13. package/dist/react/themeprovider/index.d.ts +14 -0
  14. package/dist/react/themeprovider/index.js +14 -0
  15. package/package.json +1 -1
package/dist/components/checkbox/checkbox.styles.js CHANGED
@@ -50,7 +50,9 @@ const styles = [css `
50
50
  --mdc-icon-fill-color: var(--mdc-checkbox-disabled-icon-color);
51
51
  }
52
52
  :host([disabled][checked]) .icon-container,
53
- :host([disabled][indeterminate]) .icon-container {
53
+ :host([disabled][indeterminate]) .icon-container,
54
+ :host([disabled][checked]) .container:hover .icon-container,
55
+ :host([disabled][indeterminate]) .container:hover .icon-container {
54
56
  background: var(--mdc-checkbox-disabled-checked-icon-color);
55
57
  border: 0.0625rem solid var(--mdc-checkbox-disabled-border-color);
56
58
  }
package/dist/components/listitem/listitem.component.d.ts CHANGED
@@ -33,9 +33,17 @@ declare const ListItem_base: import("../../utils/mixins/index.types").Constructo
33
33
  * - Allows customization of the primary label, side header and subline text slot color.
34
34
  * @cssproperty --mdc-listitem-secondary-label-color
35
35
  * - Allows customization of the secondary and teritary label text slot color.
36
+ * @cssproperty --mdc-listitem-disabled-color - Allows customization of the disabled color.
37
+ *
38
+ * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
39
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
40
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
41
+ * @event focus - (React: onFocus) This event is dispatched when the listitem receives focus.
36
42
  */
37
43
  declare class ListItem extends ListItem_base {
44
+ /** @internal */
38
45
  leadingControlsSlot: Array<HTMLElement>;
46
+ /** @internal */
39
47
  trailingControlsSlot: Array<HTMLElement>;
40
48
  /**
41
49
  * The variant of the list item. It can be a pill, rectangle or a full-width.
package/dist/components/listitem/listitem.component.js CHANGED
@@ -46,6 +46,12 @@ import styles from './listitem.styles';
46
46
  * - Allows customization of the primary label, side header and subline text slot color.
47
47
  * @cssproperty --mdc-listitem-secondary-label-color
48
48
  * - Allows customization of the secondary and teritary label text slot color.
49
+ * @cssproperty --mdc-listitem-disabled-color - Allows customization of the disabled color.
50
+ *
51
+ * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
52
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
53
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
54
+ * @event focus - (React: onFocus) This event is dispatched when the listitem receives focus.
49
55
  */
50
56
  class ListItem extends DataAriaLabelMixin(DisabledMixin(TabIndexMixin(Component))) {
51
57
  constructor() {
package/dist/components/themeprovider/themeprovider.component.d.ts CHANGED
@@ -8,6 +8,20 @@ import ThemeProviderContext from './themeprovider.context';
8
8
  *
9
9
  * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
10
10
  *
11
+ * Available Momentum theme classes:
12
+ *
13
+ * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
14
+ *
15
+ * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
16
+ *
17
+ * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
18
+ *
19
+ * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
20
+ *
21
+ * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
22
+ *
23
+ * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
24
+ *
11
25
  * Themeclass context can be be consumed from Lit child components
12
26
  * (see providerUtils.consume for how to consume)
13
27
  *
package/dist/components/themeprovider/themeprovider.component.js CHANGED
@@ -19,6 +19,20 @@ import styles from './themeprovider.styles';
19
19
  *
20
20
  * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
21
21
  *
22
+ * Available Momentum theme classes:
23
+ *
24
+ * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
25
+ *
26
+ * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
27
+ *
28
+ * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
29
+ *
30
+ * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
31
+ *
32
+ * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
33
+ *
34
+ * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
35
+ *
22
36
  * Themeclass context can be be consumed from Lit child components
23
37
  * (see providerUtils.consume for how to consume)
24
38
  *