@momentum-design/components 0.48.0 → 0.49.0

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 (66) hide show
  1. package/dist/browser/index.js.map +2 -2
  2. package/dist/components/alertchip/alertchip.types.d.ts +1 -1
  3. package/dist/components/avatar/avatar.types.d.ts +3 -2
  4. package/dist/components/badge/badge.types.d.ts +3 -2
  5. package/dist/components/brandvisual/brandvisual.types.d.ts +5 -1
  6. package/dist/components/bullet/bullet.types.d.ts +1 -1
  7. package/dist/components/button/button.component.d.ts +0 -5
  8. package/dist/components/button/button.component.js +0 -5
  9. package/dist/components/button/button.types.d.ts +1 -1
  10. package/dist/components/buttonsimple/buttonsimple.types.d.ts +7 -1
  11. package/dist/components/checkbox/checkbox.types.d.ts +5 -0
  12. package/dist/components/checkbox/checkbox.types.js +1 -0
  13. package/dist/components/chip/chip.types.d.ts +1 -1
  14. package/dist/components/divider/divider.types.d.ts +1 -1
  15. package/dist/components/formfieldwrapper/formfieldwrapper.types.d.ts +1 -1
  16. package/dist/components/input/input.types.d.ts +7 -1
  17. package/dist/components/inputchip/inputchip.types.d.ts +4 -0
  18. package/dist/components/inputchip/inputchip.types.js +1 -0
  19. package/dist/components/link/link.types.d.ts +1 -1
  20. package/dist/components/listitem/listitem.types.d.ts +7 -1
  21. package/dist/components/marker/marker.types.d.ts +2 -2
  22. package/dist/components/popover/popover.types.d.ts +10 -3
  23. package/dist/components/presence/presence.types.d.ts +3 -2
  24. package/dist/components/progressbar/progressbar.types.d.ts +2 -1
  25. package/dist/components/radio/radio.types.d.ts +5 -0
  26. package/dist/components/radio/radio.types.js +1 -0
  27. package/dist/components/screenreaderannouncer/screenreaderannouncer.types.d.ts +2 -1
  28. package/dist/components/spinner/spinner.types.d.ts +1 -1
  29. package/dist/components/tab/tab.types.d.ts +5 -1
  30. package/dist/components/text/text.types.d.ts +3 -2
  31. package/dist/components/textarea/textarea.types.d.ts +8 -1
  32. package/dist/components/toggle/toggle.types.d.ts +5 -1
  33. package/dist/components/tooltip/tooltip.types.d.ts +2 -1
  34. package/dist/components/virtualizedlist/virtualizedlist.types.d.ts +6 -2
  35. package/dist/custom-elements.json +244 -315
  36. package/dist/react/alertchip/index.d.ts +5 -4
  37. package/dist/react/avatarbutton/index.d.ts +5 -4
  38. package/dist/react/brandvisual/index.d.ts +3 -2
  39. package/dist/react/button/index.d.ts +5 -9
  40. package/dist/react/button/index.js +0 -5
  41. package/dist/react/buttonsimple/index.d.ts +5 -4
  42. package/dist/react/checkbox/index.d.ts +3 -3
  43. package/dist/react/checkbox/index.js +0 -1
  44. package/dist/react/chip/index.d.ts +5 -4
  45. package/dist/react/coachmark/index.d.ts +5 -4
  46. package/dist/react/filterchip/index.d.ts +5 -4
  47. package/dist/react/index.d.ts +1 -1
  48. package/dist/react/index.js +1 -1
  49. package/dist/react/input/index.d.ts +5 -5
  50. package/dist/react/input/index.js +0 -1
  51. package/dist/react/inputchip/index.d.ts +2 -1
  52. package/dist/react/listitem/index.d.ts +5 -4
  53. package/dist/react/option/index.d.ts +5 -4
  54. package/dist/react/popover/index.d.ts +5 -4
  55. package/dist/react/radio/index.d.ts +3 -3
  56. package/dist/react/radio/index.js +0 -1
  57. package/dist/react/searchfield/index.d.ts +5 -5
  58. package/dist/react/searchfield/index.js +0 -1
  59. package/dist/react/tab/index.d.ts +5 -4
  60. package/dist/react/textarea/index.d.ts +6 -6
  61. package/dist/react/textarea/index.js +0 -1
  62. package/dist/react/toggle/index.d.ts +3 -3
  63. package/dist/react/toggle/index.js +0 -1
  64. package/dist/react/tooltip/index.d.ts +5 -4
  65. package/dist/react/virtualizedlist/index.d.ts +2 -1
  66. package/package.json +1 -1
@@ -3,4 +3,4 @@ import { VARIANTS } from './alertchip.constants';
3
3
  import type { IconNames } from '../icon/icon.types';
4
4
  type VariantType = ValueOf<typeof VARIANTS>;
5
5
  type IconListType = Extract<IconNames, 'error-legacy-badge-filled' | 'warning-badge-filled' | 'check-circle-badge-filled' | 'dnd-presence-badge-filled' | 'info-badge-filled'>;
6
- export { VariantType, IconListType };
6
+ export type { VariantType, IconListType };
@@ -1,4 +1,5 @@
1
1
  import { AVATAR_TYPE, AVATAR_SIZE } from './avatar.constants';
2
2
  import type { ValueOf } from '../../utils/types';
3
- export type AvatarType = ValueOf<typeof AVATAR_TYPE>;
4
- export type AvatarSize = ValueOf<typeof AVATAR_SIZE>;
3
+ type AvatarType = ValueOf<typeof AVATAR_TYPE>;
4
+ type AvatarSize = ValueOf<typeof AVATAR_SIZE>;
5
+ export type { AvatarType, AvatarSize };
@@ -1,4 +1,5 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { TYPE, ICON_VARIANT } from './badge.constants';
3
- export type IconVariant = ValueOf<typeof ICON_VARIANT>;
4
- export type BadgeType = ValueOf<typeof TYPE>;
3
+ type IconVariant = ValueOf<typeof ICON_VARIANT>;
4
+ type BadgeType = ValueOf<typeof TYPE>;
5
+ export type { IconVariant, BadgeType };
@@ -1,2 +1,6 @@
1
1
  import type BrandVisualNames from '@momentum-design/brand-visuals/dist/types/types';
2
- export type { BrandVisualNames };
2
+ interface Events {
3
+ onLoadEvent: Event;
4
+ onErrorEvent: Event;
5
+ }
6
+ export type { BrandVisualNames, Events };
@@ -1,4 +1,4 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { SIZE } from './bullet.constants';
3
3
  type Size = ValueOf<typeof SIZE>;
4
- export { Size };
4
+ export type { Size };
@@ -30,11 +30,6 @@ import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from
30
30
  *
31
31
  * @dependency mdc-icon
32
32
  *
33
- * @event click - (React: onClick) This event is dispatched when the button is clicked.
34
- * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.
35
- * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.
36
- * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
37
- *
38
33
  * @tagname mdc-button
39
34
  *
40
35
  * @slot - Text label of the button.
@@ -41,11 +41,6 @@ import { getIconNameWithoutStyle, getIconSize } from './button.utils';
41
41
  *
42
42
  * @dependency mdc-icon
43
43
  *
44
- * @event click - (React: onClick) This event is dispatched when the button is clicked.
45
- * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.
46
- * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.
47
- * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
48
- *
49
44
  * @tagname mdc-button
50
45
  *
51
46
  * @slot - Text label of the button.
@@ -5,4 +5,4 @@ type PillButtonSize = ValueOf<typeof PILL_BUTTON_SIZES>;
5
5
  type IconButtonSize = ValueOf<typeof ICON_BUTTON_SIZES>;
6
6
  type ButtonTypeInternal = ValueOf<typeof BUTTON_TYPE_INTERNAL>;
7
7
  type ButtonColor = ValueOf<typeof BUTTON_COLORS>;
8
- export { ButtonVariant, PillButtonSize, IconButtonSize, ButtonTypeInternal, ButtonColor, };
8
+ export type { ButtonVariant, PillButtonSize, IconButtonSize, ButtonTypeInternal, ButtonColor };
@@ -2,4 +2,10 @@ import type { ValueOf } from '../../utils/types';
2
2
  import { BUTTON_TYPE, BUTTON_SIZES } from './buttonsimple.constants';
3
3
  type ButtonSize = ValueOf<typeof BUTTON_SIZES>;
4
4
  type ButtonType = ValueOf<typeof BUTTON_TYPE>;
5
- export { ButtonSize, ButtonType, };
5
+ interface Events {
6
+ onClickEvent: MouseEvent;
7
+ onKeyDownEvent: KeyboardEvent;
8
+ onKeyUpEvent: KeyboardEvent;
9
+ onFocusEvent: FocusEvent;
10
+ }
11
+ export type { ButtonSize, ButtonType, Events };
@@ -0,0 +1,5 @@
1
+ interface Events {
2
+ onChangeEvent: Event;
3
+ onFocusEvent: FocusEvent;
4
+ }
5
+ export type { Events };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,4 +1,4 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { COLOR } from './chip.constants';
3
3
  type ColorType = ValueOf<typeof COLOR>;
4
- export { ColorType };
4
+ export type { ColorType };
@@ -3,4 +3,4 @@ import { DIVIDER_ORIENTATION, DIVIDER_VARIANT, DIRECTIONS } from './divider.cons
3
3
  type DividerOrientation = ValueOf<typeof DIVIDER_ORIENTATION>;
4
4
  type DividerVariant = ValueOf<typeof DIVIDER_VARIANT>;
5
5
  type Directions = ValueOf<typeof DIRECTIONS>;
6
- export { DividerOrientation, DividerVariant, Directions };
6
+ export type { DividerOrientation, DividerVariant, Directions };
@@ -3,4 +3,4 @@ import type { IconNames } from '../icon/icon.types';
3
3
  import { VALIDATION } from './formfieldwrapper.constants';
4
4
  type ValidationType = ValueOf<typeof VALIDATION>;
5
5
  type HelperIconsList = Extract<IconNames, 'error-legacy-badge-filled' | 'warning-badge-filled' | 'check-circle-badge-filled' | 'priority-badge-filled'> | '';
6
- export { HelperIconsList, ValidationType };
6
+ export type { HelperIconsList, ValidationType };
@@ -3,4 +3,10 @@ import { AUTO_CAPITALIZE, AUTO_COMPLETE, INPUT_TYPE } from './input.constants';
3
3
  type AutoCapitalizeType = ValueOf<typeof AUTO_CAPITALIZE>;
4
4
  type AutoCompleteType = ValueOf<typeof AUTO_COMPLETE>;
5
5
  type InputType = ValueOf<typeof INPUT_TYPE>;
6
- export { AutoCapitalizeType, AutoCompleteType, InputType };
6
+ interface Events {
7
+ onInputEvent: InputEvent;
8
+ onChangeEvent: Event;
9
+ onFocusEvent: FocusEvent;
10
+ onBlurEvent: FocusEvent;
11
+ }
12
+ export type { AutoCapitalizeType, AutoCompleteType, InputType, Events };
@@ -0,0 +1,4 @@
1
+ interface Events {
2
+ onRemoveEvent: Event;
3
+ }
4
+ export type { Events };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,4 +1,4 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { LINK_SIZES } from './link.constants';
3
3
  type LinkSize = ValueOf<typeof LINK_SIZES>;
4
- export { LinkSize, };
4
+ export type { LinkSize };
@@ -1,4 +1,10 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { LISTITEM_VARIANTS } from './listitem.constants';
3
3
  type ListItemVariants = ValueOf<typeof LISTITEM_VARIANTS>;
4
- export { ListItemVariants };
4
+ interface Events {
5
+ onClickEvent: MouseEvent;
6
+ onKeyDownEvent: KeyboardEvent;
7
+ onKeyUpEvent: KeyboardEvent;
8
+ onFocusEvent: FocusEvent;
9
+ }
10
+ export type { ListItemVariants, Events };
@@ -1,3 +1,3 @@
1
1
  import { MARKER_VARIANTS } from './marker.constants';
2
- type MarkerVariants = typeof MARKER_VARIANTS[keyof typeof MARKER_VARIANTS];
3
- export { MarkerVariants };
2
+ type MarkerVariants = (typeof MARKER_VARIANTS)[keyof typeof MARKER_VARIANTS];
3
+ export type { MarkerVariants };
@@ -1,5 +1,12 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { POPOVER_PLACEMENT, TRIGGER, COLOR } from './popover.constants';
3
- export type PopoverPlacement = ValueOf<typeof POPOVER_PLACEMENT>;
4
- export type PopoverColor = ValueOf<typeof COLOR>;
5
- export type PopoverTrigger = ValueOf<typeof TRIGGER> | `${ValueOf<typeof TRIGGER>} ${ValueOf<typeof TRIGGER>}`;
3
+ type PopoverPlacement = ValueOf<typeof POPOVER_PLACEMENT>;
4
+ type PopoverColor = ValueOf<typeof COLOR>;
5
+ type PopoverTrigger = ValueOf<typeof TRIGGER> | `${ValueOf<typeof TRIGGER>} ${ValueOf<typeof TRIGGER>}`;
6
+ interface Events {
7
+ onShownEvent: Event;
8
+ onHiddenEvent: Event;
9
+ onCreatedEvent: Event;
10
+ onDestroyedEvent: Event;
11
+ }
12
+ export type { PopoverPlacement, PopoverColor, PopoverTrigger, Events };
@@ -1,4 +1,5 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { TYPE, SIZE } from './presence.constants';
3
- export type PresenceType = ValueOf<typeof TYPE>;
4
- export type PresenceSize = ValueOf<typeof SIZE>;
3
+ type PresenceType = ValueOf<typeof TYPE>;
4
+ type PresenceSize = ValueOf<typeof SIZE>;
5
+ export type { PresenceType, PresenceSize };
@@ -1,3 +1,4 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { VARIANT } from './progressbar.constants';
3
- export type Variant = ValueOf<typeof VARIANT>;
3
+ type Variant = ValueOf<typeof VARIANT>;
4
+ export type { Variant };
@@ -0,0 +1,5 @@
1
+ interface Events {
2
+ onChangeEvent: Event;
3
+ onFocusEvent: FocusEvent;
4
+ }
5
+ export type { Events };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,3 +1,4 @@
1
1
  import { ValueOf } from '../../utils/types';
2
2
  import { ARIA_LIVE_VALUES } from './screenreaderannouncer.constants';
3
- export type AriaLive = ValueOf<typeof ARIA_LIVE_VALUES>;
3
+ type AriaLive = ValueOf<typeof ARIA_LIVE_VALUES>;
4
+ export type { AriaLive };
@@ -2,4 +2,4 @@ import type { ValueOf } from '../../utils/types';
2
2
  import { SPINNER_SIZES, SPINNER_VARIANT } from './spinner.constants';
3
3
  type SpinnerSize = ValueOf<typeof SPINNER_SIZES>;
4
4
  type SpinnerVariant = ValueOf<typeof SPINNER_VARIANT>;
5
- export { SpinnerSize, SpinnerVariant, };
5
+ export type { SpinnerSize, SpinnerVariant };
@@ -1,3 +1,7 @@
1
1
  import { ValueOf } from '../../utils/types';
2
2
  import { TAB_VARIANTS } from './tab.constants';
3
- export type Variant = ValueOf<typeof TAB_VARIANTS>;
3
+ type Variant = ValueOf<typeof TAB_VARIANTS>;
4
+ interface Events {
5
+ onActiveChangeEvent: Event;
6
+ }
7
+ export type { Variant, Events };
@@ -1,4 +1,5 @@
1
1
  import { TYPE, VALID_TEXT_TAGS } from './text.constants';
2
2
  import type { ValueOf } from '../../utils/types';
3
- export type TextType = ValueOf<typeof TYPE>;
4
- export type TagName = ValueOf<typeof VALID_TEXT_TAGS>;
3
+ type TextType = ValueOf<typeof TYPE>;
4
+ type TagName = ValueOf<typeof VALID_TEXT_TAGS>;
5
+ export type { TextType, TagName };
@@ -2,4 +2,11 @@ import type { ValueOf } from '../../utils/types';
2
2
  import { AUTO_COMPLETE, WRAP } from './textarea.constants';
3
3
  type WrapType = ValueOf<typeof WRAP>;
4
4
  type AutoCompleteType = ValueOf<typeof AUTO_COMPLETE>;
5
- export { WrapType, AutoCompleteType };
5
+ interface Events {
6
+ onInputEvent: InputEvent;
7
+ onChangeEvent: Event;
8
+ onFocusEvent: FocusEvent;
9
+ onBlurEvent: FocusEvent;
10
+ onLimitExceededEvent: Event;
11
+ }
12
+ export type { WrapType, AutoCompleteType, Events };
@@ -1,4 +1,8 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
2
  import { TOGGLE_SIZE } from './toggle.constants';
3
3
  type ToggleSize = ValueOf<typeof TOGGLE_SIZE>;
4
- export { ToggleSize };
4
+ interface Events {
5
+ onChangeEvent: Event;
6
+ onFocusEvent: FocusEvent;
7
+ }
8
+ export type { ToggleSize, Events };
@@ -1,3 +1,4 @@
1
1
  import { ValueOf } from '../../utils/types';
2
2
  import { TOOLTIP_TYPES } from './tooltip.constants';
3
- export type TooltipType = ValueOf<typeof TOOLTIP_TYPES>;
3
+ type TooltipType = ValueOf<typeof TOOLTIP_TYPES>;
4
+ export type { TooltipType };
@@ -1,8 +1,12 @@
1
1
  import { VirtualItem, VirtualizerOptions } from '@tanstack/virtual-core';
2
2
  import { StyleInfo } from 'lit/directives/style-map.js';
3
- export interface SetListDataProps {
3
+ interface SetListDataProps {
4
4
  virtualItems: Array<VirtualItem>;
5
5
  measureElement: (node: Element | null | undefined) => void;
6
6
  listStyle: Readonly<StyleInfo>;
7
7
  }
8
- export type VirtualizerProps = Partial<VirtualizerOptions<Element, Element>>;
8
+ interface Events {
9
+ onScrollEvent: Event;
10
+ }
11
+ type VirtualizerProps = Partial<VirtualizerOptions<Element, Element>>;
12
+ export type { Events, VirtualizerProps, SetListDataProps };