@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.
- package/dist/browser/index.js.map +2 -2
- package/dist/components/alertchip/alertchip.types.d.ts +1 -1
- package/dist/components/avatar/avatar.types.d.ts +3 -2
- package/dist/components/badge/badge.types.d.ts +3 -2
- package/dist/components/brandvisual/brandvisual.types.d.ts +5 -1
- package/dist/components/bullet/bullet.types.d.ts +1 -1
- package/dist/components/button/button.component.d.ts +0 -5
- package/dist/components/button/button.component.js +0 -5
- package/dist/components/button/button.types.d.ts +1 -1
- package/dist/components/buttonsimple/buttonsimple.types.d.ts +7 -1
- package/dist/components/checkbox/checkbox.types.d.ts +5 -0
- package/dist/components/checkbox/checkbox.types.js +1 -0
- package/dist/components/chip/chip.types.d.ts +1 -1
- package/dist/components/divider/divider.types.d.ts +1 -1
- package/dist/components/formfieldwrapper/formfieldwrapper.types.d.ts +1 -1
- package/dist/components/input/input.types.d.ts +7 -1
- package/dist/components/inputchip/inputchip.types.d.ts +4 -0
- package/dist/components/inputchip/inputchip.types.js +1 -0
- package/dist/components/link/link.types.d.ts +1 -1
- package/dist/components/listitem/listitem.types.d.ts +7 -1
- package/dist/components/marker/marker.types.d.ts +2 -2
- package/dist/components/popover/popover.types.d.ts +10 -3
- package/dist/components/presence/presence.types.d.ts +3 -2
- package/dist/components/progressbar/progressbar.types.d.ts +2 -1
- package/dist/components/radio/radio.types.d.ts +5 -0
- package/dist/components/radio/radio.types.js +1 -0
- package/dist/components/screenreaderannouncer/screenreaderannouncer.types.d.ts +2 -1
- package/dist/components/spinner/spinner.types.d.ts +1 -1
- package/dist/components/tab/tab.types.d.ts +5 -1
- package/dist/components/text/text.types.d.ts +3 -2
- package/dist/components/textarea/textarea.types.d.ts +8 -1
- package/dist/components/toggle/toggle.types.d.ts +5 -1
- package/dist/components/tooltip/tooltip.types.d.ts +2 -1
- package/dist/components/virtualizedlist/virtualizedlist.types.d.ts +6 -2
- package/dist/custom-elements.json +244 -315
- package/dist/react/alertchip/index.d.ts +5 -4
- package/dist/react/avatarbutton/index.d.ts +5 -4
- package/dist/react/brandvisual/index.d.ts +3 -2
- package/dist/react/button/index.d.ts +5 -9
- package/dist/react/button/index.js +0 -5
- package/dist/react/buttonsimple/index.d.ts +5 -4
- package/dist/react/checkbox/index.d.ts +3 -3
- package/dist/react/checkbox/index.js +0 -1
- package/dist/react/chip/index.d.ts +5 -4
- package/dist/react/coachmark/index.d.ts +5 -4
- package/dist/react/filterchip/index.d.ts +5 -4
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/input/index.d.ts +5 -5
- package/dist/react/input/index.js +0 -1
- package/dist/react/inputchip/index.d.ts +2 -1
- package/dist/react/listitem/index.d.ts +5 -4
- package/dist/react/option/index.d.ts +5 -4
- package/dist/react/popover/index.d.ts +5 -4
- package/dist/react/radio/index.d.ts +3 -3
- package/dist/react/radio/index.js +0 -1
- package/dist/react/searchfield/index.d.ts +5 -5
- package/dist/react/searchfield/index.js +0 -1
- package/dist/react/tab/index.d.ts +5 -4
- package/dist/react/textarea/index.d.ts +6 -6
- package/dist/react/textarea/index.js +0 -1
- package/dist/react/toggle/index.d.ts +3 -3
- package/dist/react/toggle/index.js +0 -1
- package/dist/react/tooltip/index.d.ts +5 -4
- package/dist/react/virtualizedlist/index.d.ts +2 -1
- 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
|
-
|
4
|
-
|
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
|
-
|
4
|
-
|
3
|
+
type IconVariant = ValueOf<typeof ICON_VARIANT>;
|
4
|
+
type BadgeType = ValueOf<typeof TYPE>;
|
5
|
+
export type { IconVariant, BadgeType };
|
@@ -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
|
-
|
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 @@
|
|
1
|
+
export {};
|
@@ -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
|
-
|
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 @@
|
|
1
|
+
export {};
|
@@ -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
|
-
|
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
|
-
|
4
|
-
|
5
|
-
|
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
|
-
|
4
|
-
|
3
|
+
type PresenceType = ValueOf<typeof TYPE>;
|
4
|
+
type PresenceSize = ValueOf<typeof SIZE>;
|
5
|
+
export type { PresenceType, PresenceSize };
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -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
|
-
|
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
|
-
|
4
|
-
|
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
|
-
|
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
|
-
|
4
|
+
interface Events {
|
5
|
+
onChangeEvent: Event;
|
6
|
+
onFocusEvent: FocusEvent;
|
7
|
+
}
|
8
|
+
export type { ToggleSize, Events };
|
@@ -1,8 +1,12 @@
|
|
1
1
|
import { VirtualItem, VirtualizerOptions } from '@tanstack/virtual-core';
|
2
2
|
import { StyleInfo } from 'lit/directives/style-map.js';
|
3
|
-
|
3
|
+
interface SetListDataProps {
|
4
4
|
virtualItems: Array<VirtualItem>;
|
5
5
|
measureElement: (node: Element | null | undefined) => void;
|
6
6
|
listStyle: Readonly<StyleInfo>;
|
7
7
|
}
|
8
|
-
|
8
|
+
interface Events {
|
9
|
+
onScrollEvent: Event;
|
10
|
+
}
|
11
|
+
type VirtualizerProps = Partial<VirtualizerOptions<Element, Element>>;
|
12
|
+
export type { Events, VirtualizerProps, SetListDataProps };
|