@momentum-design/components 0.80.1 → 0.80.2

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 (63) hide show
  1. package/dist/browser/index.js +404 -386
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/checkbox/checkbox.component.d.ts +4 -0
  4. package/dist/components/checkbox/checkbox.component.js +4 -0
  5. package/dist/components/checkbox/index.d.ts +4 -1
  6. package/dist/components/checkbox/index.js +5 -2
  7. package/dist/components/formfieldgroup/formfieldgroup.component.d.ts +5 -0
  8. package/dist/components/formfieldgroup/formfieldgroup.component.js +5 -0
  9. package/dist/components/formfieldgroup/index.d.ts +4 -2
  10. package/dist/components/formfieldgroup/index.js +4 -2
  11. package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +21 -1
  12. package/dist/components/formfieldwrapper/formfieldwrapper.component.js +40 -2
  13. package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +3 -0
  14. package/dist/components/formfieldwrapper/formfieldwrapper.constants.js +3 -0
  15. package/dist/components/formfieldwrapper/index.d.ts +3 -1
  16. package/dist/components/formfieldwrapper/index.js +4 -2
  17. package/dist/components/input/index.d.ts +2 -1
  18. package/dist/components/input/index.js +3 -2
  19. package/dist/components/input/input.component.d.ts +1 -0
  20. package/dist/components/input/input.component.js +1 -0
  21. package/dist/components/input/input.constants.d.ts +1 -1
  22. package/dist/components/popover/popover.component.d.ts +1 -1
  23. package/dist/components/popover/popover.component.js +0 -5
  24. package/dist/components/progressbar/progressbar.component.js +2 -0
  25. package/dist/components/radio/index.d.ts +5 -1
  26. package/dist/components/radio/index.js +5 -1
  27. package/dist/components/radio/radio.component.d.ts +6 -1
  28. package/dist/components/radio/radio.component.js +6 -1
  29. package/dist/components/select/index.d.ts +2 -0
  30. package/dist/components/select/index.js +2 -0
  31. package/dist/components/select/select.component.d.ts +2 -1
  32. package/dist/components/select/select.component.js +7 -6
  33. package/dist/components/textarea/index.d.ts +1 -0
  34. package/dist/components/textarea/index.js +1 -0
  35. package/dist/components/textarea/textarea.component.d.ts +2 -2
  36. package/dist/components/textarea/textarea.component.js +2 -2
  37. package/dist/components/toggle/index.d.ts +3 -0
  38. package/dist/components/toggle/index.js +3 -0
  39. package/dist/components/toggle/toggle.component.d.ts +3 -0
  40. package/dist/components/toggle/toggle.component.js +3 -0
  41. package/dist/components/toggletip/toggletip.component.d.ts +1 -1
  42. package/dist/components/toggletip/toggletip.component.js +5 -12
  43. package/dist/components/toggletip/toggletip.styles.js +2 -2
  44. package/dist/custom-elements.json +5787 -4960
  45. package/dist/react/checkbox/index.d.ts +4 -0
  46. package/dist/react/checkbox/index.js +4 -0
  47. package/dist/react/formfieldgroup/index.d.ts +5 -0
  48. package/dist/react/formfieldgroup/index.js +5 -0
  49. package/dist/react/formfieldwrapper/index.d.ts +5 -1
  50. package/dist/react/formfieldwrapper/index.js +5 -1
  51. package/dist/react/index.d.ts +3 -3
  52. package/dist/react/index.js +3 -3
  53. package/dist/react/input/index.d.ts +1 -0
  54. package/dist/react/input/index.js +1 -0
  55. package/dist/react/radio/index.d.ts +6 -1
  56. package/dist/react/radio/index.js +6 -1
  57. package/dist/react/select/index.d.ts +2 -0
  58. package/dist/react/select/index.js +2 -0
  59. package/dist/react/textarea/index.d.ts +2 -2
  60. package/dist/react/textarea/index.js +2 -2
  61. package/dist/react/toggle/index.d.ts +3 -0
  62. package/dist/react/toggle/index.js +3 -0
  63. package/package.json +1 -1
@@ -8,7 +8,11 @@ import Component from '../../components/checkbox';
8
8
  *
9
9
  * To create a group of checkboxes, use the FormFieldGroup component.
10
10
  *
11
+ * @dependency mdc-button
11
12
  * @dependency mdc-icon
13
+ * @dependency mdc-staticcheckbox
14
+ * @dependency mdc-text
15
+ * @dependency mdc-toggletip
12
16
  *
13
17
  * @tagname mdc-checkbox
14
18
  *
@@ -10,7 +10,11 @@ import { TAG_NAME } from '../../components/checkbox/checkbox.constants';
10
10
  *
11
11
  * To create a group of checkboxes, use the FormFieldGroup component.
12
12
  *
13
+ * @dependency mdc-button
13
14
  * @dependency mdc-icon
15
+ * @dependency mdc-staticcheckbox
16
+ * @dependency mdc-text
17
+ * @dependency mdc-toggletip
14
18
  *
15
19
  * @tagname mdc-checkbox
16
20
  *
@@ -17,6 +17,11 @@ import Component from '../../components/formfieldgroup';
17
17
  *
18
18
  * @tagname mdc-formfieldgroup
19
19
  *
20
+ * @dependency mdc-button
21
+ * @dependency mdc-icon
22
+ * @dependency mdc-text
23
+ * @dependency mdc-toggletip
24
+ *
20
25
  * @slot default - This is a default slot for checkbox or toggle components.
21
26
  */
22
27
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
@@ -20,6 +20,11 @@ import { TAG_NAME } from '../../components/formfieldgroup/formfieldgroup.constan
20
20
  *
21
21
  * @tagname mdc-formfieldgroup
22
22
  *
23
+ * @dependency mdc-button
24
+ * @dependency mdc-icon
25
+ * @dependency mdc-text
26
+ * @dependency mdc-toggletip
27
+ *
23
28
  * @slot default - This is a default slot for checkbox or toggle components.
24
29
  */
25
30
  const reactWrapper = createComponent({
@@ -6,7 +6,11 @@ import Component from '../../components/formfieldwrapper';
6
6
  *
7
7
  * @tagname mdc-formfieldwrapper
8
8
  *
9
- * @slot label-info - slot to add the label info icon
9
+ * @dependency mdc-text
10
+ * @dependency mdc-icon
11
+ * @dependency mdc-button
12
+ * @dependency mdc-toggletip
13
+ *
10
14
  *
11
15
  */
12
16
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
@@ -9,7 +9,11 @@ import { TAG_NAME } from '../../components/formfieldwrapper/formfieldwrapper.con
9
9
  *
10
10
  * @tagname mdc-formfieldwrapper
11
11
  *
12
- * @slot label-info - slot to add the label info icon
12
+ * @dependency mdc-text
13
+ * @dependency mdc-icon
14
+ * @dependency mdc-button
15
+ * @dependency mdc-toggletip
16
+ *
13
17
  *
14
18
  */
15
19
  const reactWrapper = createComponent({
@@ -13,9 +13,9 @@ export { default as Buttonsimple } from './buttonsimple';
13
13
  export { default as Card } from './card';
14
14
  export { default as CardButton } from './cardbutton';
15
15
  export { default as CardCheckbox } from './cardcheckbox';
16
+ export { default as CardRadio } from './cardradio';
16
17
  export { default as Checkbox } from './checkbox';
17
18
  export { default as Chip } from './chip';
18
- export { default as CardRadio } from './cardradio';
19
19
  export { default as Coachmark } from './coachmark';
20
20
  export { default as Dialog } from './dialog';
21
21
  export { default as Divider } from './divider';
@@ -35,8 +35,8 @@ export { default as Menu } from './menu';
35
35
  export { default as MenuBar } from './menubar';
36
36
  export { default as MenuItem } from './menuitem';
37
37
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
38
- export { default as MenuPopover } from './menupopover';
39
38
  export { default as MenuItemRadio } from './menuitemradio';
39
+ export { default as MenuPopover } from './menupopover';
40
40
  export { default as MenuSection } from './menusection';
41
41
  export { default as OptGroup } from './optgroup';
42
42
  export { default as Option } from './option';
@@ -44,10 +44,10 @@ export { default as Popover } from './popover';
44
44
  export { default as Presence } from './presence';
45
45
  export { default as Progressbar } from './progressbar';
46
46
  export { default as Progressspinner } from './progressspinner';
47
- export { default as Radio } from './radio';
48
47
  export { default as RadioGroup } from './radiogroup';
49
48
  export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
50
49
  export { default as Searchfield } from './searchfield';
50
+ export { default as Radio } from './radio';
51
51
  export { default as Select } from './select';
52
52
  export { default as Spinner } from './spinner';
53
53
  export { default as StaticCheckbox } from './staticcheckbox';
@@ -13,9 +13,9 @@ export { default as Buttonsimple } from './buttonsimple';
13
13
  export { default as Card } from './card';
14
14
  export { default as CardButton } from './cardbutton';
15
15
  export { default as CardCheckbox } from './cardcheckbox';
16
+ export { default as CardRadio } from './cardradio';
16
17
  export { default as Checkbox } from './checkbox';
17
18
  export { default as Chip } from './chip';
18
- export { default as CardRadio } from './cardradio';
19
19
  export { default as Coachmark } from './coachmark';
20
20
  export { default as Dialog } from './dialog';
21
21
  export { default as Divider } from './divider';
@@ -35,8 +35,8 @@ export { default as Menu } from './menu';
35
35
  export { default as MenuBar } from './menubar';
36
36
  export { default as MenuItem } from './menuitem';
37
37
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
38
- export { default as MenuPopover } from './menupopover';
39
38
  export { default as MenuItemRadio } from './menuitemradio';
39
+ export { default as MenuPopover } from './menupopover';
40
40
  export { default as MenuSection } from './menusection';
41
41
  export { default as OptGroup } from './optgroup';
42
42
  export { default as Option } from './option';
@@ -44,10 +44,10 @@ export { default as Popover } from './popover';
44
44
  export { default as Presence } from './presence';
45
45
  export { default as Progressbar } from './progressbar';
46
46
  export { default as Progressspinner } from './progressspinner';
47
- export { default as Radio } from './radio';
48
47
  export { default as RadioGroup } from './radiogroup';
49
48
  export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
50
49
  export { default as Searchfield } from './searchfield';
50
+ export { default as Radio } from './radio';
51
51
  export { default as Select } from './select';
52
52
  export { default as Spinner } from './spinner';
53
53
  export { default as StaticCheckbox } from './staticcheckbox';
@@ -22,6 +22,7 @@ import Component from '../../components/input';
22
22
  * @dependency mdc-icon
23
23
  * @dependency mdc-text
24
24
  * @dependency mdc-button
25
+ * @dependency mdc-toggletip
25
26
  *
26
27
  * @cssproperty --mdc-input-disabled-border-color - Border color for the input container when disabled
27
28
  * @cssproperty --mdc-input-disabled-text-color - Text color for the input field when disabled
@@ -24,6 +24,7 @@ import { TAG_NAME } from '../../components/input/input.constants';
24
24
  * @dependency mdc-icon
25
25
  * @dependency mdc-text
26
26
  * @dependency mdc-button
27
+ * @dependency mdc-toggletip
27
28
  *
28
29
  * @cssproperty --mdc-input-disabled-border-color - Border color for the input container when disabled
29
30
  * @cssproperty --mdc-input-disabled-text-color - Text color for the input field when disabled
@@ -5,7 +5,12 @@ import Component from '../../components/radio';
5
5
  * These are often used in forms, settings, and selection in lists.
6
6
  *
7
7
  * A radio component contains an optional label, optional info icon and an optional helper text.
8
- * @dependency mdc-formfieldwrapper
8
+ *
9
+ * @dependency mdc-button
10
+ * @dependency mdc-icon
11
+ * @dependency mdc-text
12
+ * @dependency mdc-staticradio
13
+ * @dependency mdc-toggletip
9
14
  *
10
15
  * @tagname mdc-radio
11
16
  *
@@ -7,7 +7,12 @@ import { TAG_NAME } from '../../components/radio/radio.constants';
7
7
  * These are often used in forms, settings, and selection in lists.
8
8
  *
9
9
  * A radio component contains an optional label, optional info icon and an optional helper text.
10
- * @dependency mdc-formfieldwrapper
10
+ *
11
+ * @dependency mdc-button
12
+ * @dependency mdc-icon
13
+ * @dependency mdc-text
14
+ * @dependency mdc-staticradio
15
+ * @dependency mdc-toggletip
11
16
  *
12
17
  * @tagname mdc-radio
13
18
  *
@@ -6,9 +6,11 @@ import Component from '../../components/select';
6
6
  * The component ensures accessibility and usability while handling various use cases,
7
7
  * including long text truncation with tooltip support.
8
8
  *
9
+ * @dependency mdc-button
9
10
  * @dependency mdc-icon
10
11
  * @dependency mdc-popover
11
12
  * @dependency mdc-text
13
+ * @dependency mdc-toggletip
12
14
  *
13
15
  * @tagname mdc-select
14
16
  *
@@ -8,9 +8,11 @@ import { TAG_NAME } from '../../components/select/select.constants';
8
8
  * The component ensures accessibility and usability while handling various use cases,
9
9
  * including long text truncation with tooltip support.
10
10
  *
11
+ * @dependency mdc-button
11
12
  * @dependency mdc-icon
12
13
  * @dependency mdc-popover
13
14
  * @dependency mdc-text
15
+ * @dependency mdc-toggletip
14
16
  *
15
17
  * @tagname mdc-select
16
18
  *
@@ -29,10 +29,10 @@ import Component from '../../components/textarea';
29
29
  * @event limitexceeded - (React: onLimitExceeded) This event is dispatched once when the character limit
30
30
  * exceeds or restored.
31
31
  *
32
- *
32
+ * @dependency mdc-button
33
33
  * @dependency mdc-icon
34
34
  * @dependency mdc-text
35
- * @dependency mdc-button
35
+ * @dependency mdc-toggletip
36
36
  *
37
37
  * @cssproperty --mdc-textarea-disabled-border-color - Border color for the textarea container when disabled
38
38
  * @cssproperty --mdc-textarea-disabled-text-color - Text color for the textarea field when disabled
@@ -31,10 +31,10 @@ import { TAG_NAME } from '../../components/textarea/textarea.constants';
31
31
  * @event limitexceeded - (React: onLimitExceeded) This event is dispatched once when the character limit
32
32
  * exceeds or restored.
33
33
  *
34
- *
34
+ * @dependency mdc-button
35
35
  * @dependency mdc-icon
36
36
  * @dependency mdc-text
37
- * @dependency mdc-button
37
+ * @dependency mdc-toggletip
38
38
  *
39
39
  * @cssproperty --mdc-textarea-disabled-border-color - Border color for the textarea container when disabled
40
40
  * @cssproperty --mdc-textarea-disabled-text-color - Text color for the textarea field when disabled
@@ -10,8 +10,11 @@ import Component from '../../components/toggle';
10
10
  *
11
11
  * Note: It internally renders a checkbox styled as a toggle switch.
12
12
  *
13
+ * @dependency mdc-button
13
14
  * @dependency mdc-icon
14
15
  * @dependency mdc-statictoggle
16
+ * @dependency mdc-text
17
+ * @dependency mdc-toggletip
15
18
  *
16
19
  * @tagname mdc-toggle
17
20
  *
@@ -12,8 +12,11 @@ import { TAG_NAME } from '../../components/toggle/toggle.constants';
12
12
  *
13
13
  * Note: It internally renders a checkbox styled as a toggle switch.
14
14
  *
15
+ * @dependency mdc-button
15
16
  * @dependency mdc-icon
16
17
  * @dependency mdc-statictoggle
18
+ * @dependency mdc-text
19
+ * @dependency mdc-toggletip
17
20
  *
18
21
  * @tagname mdc-toggle
19
22
  *
package/package.json CHANGED
@@ -41,5 +41,5 @@
41
41
  "lottie-web": "^5.12.2",
42
42
  "uuid": "^11.0.5"
43
43
  },
44
- "version": "0.80.1"
44
+ "version": "0.80.2"
45
45
  }