@momentum-design/components 0.118.2 → 0.118.4
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 +263 -259
- package/dist/browser/index.js.map +4 -4
- package/dist/components/accordion/accordion.component.d.ts +1 -1
- package/dist/components/accordion/accordion.component.js +1 -1
- package/dist/components/accordionbutton/accordionbutton.component.d.ts +2 -2
- package/dist/components/accordionbutton/accordionbutton.component.js +2 -2
- package/dist/components/badge/badge.component.d.ts +13 -4
- package/dist/components/badge/badge.component.js +16 -10
- package/dist/components/badge/badge.styles.js +13 -13
- package/dist/components/buttongroup/buttongroup.component.d.ts +2 -0
- package/dist/components/buttongroup/buttongroup.component.js +2 -0
- package/dist/components/dialog/dialog.component.d.ts +7 -0
- package/dist/components/dialog/dialog.component.js +7 -0
- package/dist/components/listheader/listheader.component.d.ts +4 -0
- package/dist/components/listheader/listheader.component.js +4 -0
- package/dist/components/listitem/listitem.component.d.ts +5 -0
- package/dist/components/listitem/listitem.component.js +5 -0
- package/dist/components/menuitem/menuitem.component.d.ts +7 -0
- package/dist/components/menuitem/menuitem.component.js +7 -0
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +10 -0
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +10 -0
- package/dist/components/menuitemradio/menuitemradio.component.d.ts +10 -0
- package/dist/components/menuitemradio/menuitemradio.component.js +10 -0
- package/dist/components/menupopover/menupopover.component.d.ts +4 -0
- package/dist/components/menupopover/menupopover.component.js +4 -0
- package/dist/components/menusection/menusection.component.d.ts +5 -0
- package/dist/components/menusection/menusection.component.js +5 -0
- package/dist/components/navmenuitem/navmenuitem.component.d.ts +6 -0
- package/dist/components/navmenuitem/navmenuitem.component.js +12 -4
- package/dist/components/navmenuitem/navmenuitem.styles.js +4 -4
- package/dist/components/optgroup/optgroup.component.d.ts +2 -0
- package/dist/components/optgroup/optgroup.component.js +4 -1
- package/dist/components/option/option.component.d.ts +8 -0
- package/dist/components/option/option.component.js +8 -0
- package/dist/components/popover/popover.component.d.ts +3 -0
- package/dist/components/popover/popover.component.js +5 -2
- package/dist/components/popover/popover.styles.js +4 -4
- package/dist/components/presence/presence.component.d.ts +17 -0
- package/dist/components/presence/presence.component.js +18 -1
- package/dist/components/presence/presence.styles.js +15 -15
- package/dist/components/progressbar/progressbar.component.d.ts +8 -0
- package/dist/components/progressbar/progressbar.component.js +11 -3
- package/dist/components/progressspinner/progressspinner.component.d.ts +6 -0
- package/dist/components/progressspinner/progressspinner.component.js +6 -0
- package/dist/components/staticcheckbox/staticcheckbox.component.d.ts +1 -0
- package/dist/components/staticcheckbox/staticcheckbox.component.js +1 -0
- package/dist/components/staticchip/staticchip.component.d.ts +1 -0
- package/dist/components/staticchip/staticchip.component.js +1 -0
- package/dist/components/tab/tab.component.d.ts +5 -0
- package/dist/components/tab/tab.component.js +5 -0
- package/dist/components/tablist/tablist.component.d.ts +3 -1
- package/dist/components/tablist/tablist.component.js +5 -3
- package/dist/components/tablist/tablist.styles.js +1 -1
- package/dist/components/textarea/textarea.component.d.ts +2 -0
- package/dist/components/textarea/textarea.component.js +3 -1
- package/dist/components/typewriter/typewriter.component.d.ts +1 -0
- package/dist/components/typewriter/typewriter.component.js +2 -1
- package/dist/components/typewriter/typewriter.constants.d.ts +1 -0
- package/dist/components/typewriter/typewriter.constants.js +1 -0
- package/dist/components/typewriter/typewriter.styles.js +2 -2
- package/dist/components/virtualizedlist/virtualizedlist.component.d.ts +3 -0
- package/dist/components/virtualizedlist/virtualizedlist.component.js +3 -0
- package/dist/custom-elements.json +1222 -442
- package/dist/react/accordion/index.d.ts +1 -1
- package/dist/react/accordion/index.js +1 -1
- package/dist/react/accordionbutton/index.d.ts +2 -2
- package/dist/react/accordionbutton/index.js +2 -2
- package/dist/react/badge/index.d.ts +10 -0
- package/dist/react/badge/index.js +10 -0
- package/dist/react/buttongroup/index.d.ts +2 -0
- package/dist/react/buttongroup/index.js +2 -0
- package/dist/react/dialog/index.d.ts +7 -0
- package/dist/react/dialog/index.js +7 -0
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/listheader/index.d.ts +4 -0
- package/dist/react/listheader/index.js +4 -0
- package/dist/react/listitem/index.d.ts +5 -0
- package/dist/react/listitem/index.js +5 -0
- package/dist/react/menuitem/index.d.ts +7 -0
- package/dist/react/menuitem/index.js +7 -0
- package/dist/react/menuitemcheckbox/index.d.ts +10 -0
- package/dist/react/menuitemcheckbox/index.js +10 -0
- package/dist/react/menuitemradio/index.d.ts +10 -0
- package/dist/react/menuitemradio/index.js +10 -0
- package/dist/react/menupopover/index.d.ts +4 -0
- package/dist/react/menupopover/index.js +4 -0
- package/dist/react/menusection/index.d.ts +5 -0
- package/dist/react/menusection/index.js +5 -0
- package/dist/react/navmenuitem/index.d.ts +6 -0
- package/dist/react/navmenuitem/index.js +6 -0
- package/dist/react/optgroup/index.d.ts +2 -0
- package/dist/react/optgroup/index.js +2 -0
- package/dist/react/option/index.d.ts +8 -0
- package/dist/react/option/index.js +8 -0
- package/dist/react/popover/index.d.ts +3 -0
- package/dist/react/popover/index.js +3 -0
- package/dist/react/presence/index.d.ts +17 -0
- package/dist/react/presence/index.js +17 -0
- package/dist/react/progressbar/index.d.ts +8 -0
- package/dist/react/progressbar/index.js +8 -0
- package/dist/react/progressspinner/index.d.ts +6 -0
- package/dist/react/progressspinner/index.js +6 -0
- package/dist/react/staticcheckbox/index.d.ts +1 -0
- package/dist/react/staticcheckbox/index.js +1 -0
- package/dist/react/staticchip/index.d.ts +1 -0
- package/dist/react/staticchip/index.js +1 -0
- package/dist/react/tab/index.d.ts +5 -0
- package/dist/react/tab/index.js +5 -0
- package/dist/react/tablist/index.d.ts +3 -1
- package/dist/react/tablist/index.js +3 -1
- package/dist/react/textarea/index.d.ts +2 -0
- package/dist/react/textarea/index.js +2 -0
- package/dist/react/typewriter/index.d.ts +1 -0
- package/dist/react/typewriter/index.js +1 -0
- package/dist/react/virtualizedlist/index.d.ts +3 -0
- package/dist/react/virtualizedlist/index.js +3 -0
- package/package.json +1 -1
@@ -44,11 +44,11 @@ import type { Events as EventsInherited } from '../../components/accordionbutton
|
|
44
44
|
* @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.
|
45
45
|
* @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.
|
46
46
|
*
|
47
|
+
* @csspart body-section - The body section of the accordion.
|
47
48
|
* @csspart header-section - The header section of the accordion.
|
48
49
|
* @csspart leading-header - The leading header of the accordion.
|
49
50
|
* @csspart trailing-header - The trailing header of the accordion.
|
50
51
|
* @csspart trailing-header__button - The trailing header button of the accordion.
|
51
|
-
* @csspart body-section - The body section of the accordion.
|
52
52
|
*/
|
53
53
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
54
54
|
onShown: EventName<EventsInherited["onShownEvent"]>;
|
@@ -45,11 +45,11 @@ import { TAG_NAME } from '../../components/accordion/accordion.constants';
|
|
45
45
|
* @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.
|
46
46
|
* @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.
|
47
47
|
*
|
48
|
+
* @csspart body-section - The body section of the accordion.
|
48
49
|
* @csspart header-section - The header section of the accordion.
|
49
50
|
* @csspart leading-header - The leading header of the accordion.
|
50
51
|
* @csspart trailing-header - The trailing header of the accordion.
|
51
52
|
* @csspart trailing-header__button - The trailing header button of the accordion.
|
52
|
-
* @csspart body-section - The body section of the accordion.
|
53
53
|
*/
|
54
54
|
const reactWrapper = createComponent({
|
55
55
|
tagName: TAG_NAME,
|
@@ -40,12 +40,12 @@ import type { Events } from '../../components/accordionbutton/accordionbutton.ty
|
|
40
40
|
* @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.
|
41
41
|
* @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.
|
42
42
|
*
|
43
|
-
* @csspart
|
43
|
+
* @csspart body-section - The body section of the accordion button.
|
44
44
|
* @csspart header-button-section - The header button section of the accordion button.
|
45
|
+
* @csspart header-section - The header section of the accordion button.
|
45
46
|
* @csspart leading-header - The leading header of the accordion button.
|
46
47
|
* @csspart trailing-header - The trailing header of the accordion button.
|
47
48
|
* @csspart trailing-header__icon - The trailing header icon of the accordion button.
|
48
|
-
* @csspart body-section - The body section of the accordion button.
|
49
49
|
*/
|
50
50
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
51
51
|
onShown: EventName<Events["onShownEvent"]>;
|
@@ -41,12 +41,12 @@ import { TAG_NAME } from '../../components/accordionbutton/accordionbutton.const
|
|
41
41
|
* @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.
|
42
42
|
* @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.
|
43
43
|
*
|
44
|
-
* @csspart
|
44
|
+
* @csspart body-section - The body section of the accordion button.
|
45
45
|
* @csspart header-button-section - The header button section of the accordion button.
|
46
|
+
* @csspart header-section - The header section of the accordion button.
|
46
47
|
* @csspart leading-header - The leading header of the accordion button.
|
47
48
|
* @csspart trailing-header - The trailing header of the accordion button.
|
48
49
|
* @csspart trailing-header__icon - The trailing header icon of the accordion button.
|
49
|
-
* @csspart body-section - The body section of the accordion button.
|
50
50
|
*/
|
51
51
|
const reactWrapper = createComponent({
|
52
52
|
tagName: TAG_NAME,
|
@@ -32,6 +32,16 @@ import Component from '../../components/badge';
|
|
32
32
|
* @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
|
33
33
|
* @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
|
34
34
|
* @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
|
35
|
+
*
|
36
|
+
* @csspart badge-dot - The dot notification badge.
|
37
|
+
* @csspart badge-icon - The icon badge.
|
38
|
+
* @csspart badge-icon__error - The error icon badge.
|
39
|
+
* @csspart badge-icon__primary - The primary icon badge.
|
40
|
+
* @csspart badge-icon__secondary - The secondary icon badge.
|
41
|
+
* @csspart badge-icon__success - The success icon badge.
|
42
|
+
* @csspart badge-icon__warning - The warning icon badge.
|
43
|
+
* @csspart badge-overlay - The overlay badge.
|
44
|
+
* @csspart badge-text - The text badge.
|
35
45
|
*/
|
36
46
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
37
47
|
export default reactWrapper;
|
@@ -35,6 +35,16 @@ import { TAG_NAME } from '../../components/badge/badge.constants';
|
|
35
35
|
* @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
|
36
36
|
* @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
|
37
37
|
* @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
|
38
|
+
*
|
39
|
+
* @csspart badge-dot - The dot notification badge.
|
40
|
+
* @csspart badge-icon - The icon badge.
|
41
|
+
* @csspart badge-icon__error - The error icon badge.
|
42
|
+
* @csspart badge-icon__primary - The primary icon badge.
|
43
|
+
* @csspart badge-icon__secondary - The secondary icon badge.
|
44
|
+
* @csspart badge-icon__success - The success icon badge.
|
45
|
+
* @csspart badge-icon__warning - The warning icon badge.
|
46
|
+
* @csspart badge-overlay - The overlay badge.
|
47
|
+
* @csspart badge-text - The text badge.
|
38
48
|
*/
|
39
49
|
const reactWrapper = createComponent({
|
40
50
|
tagName: TAG_NAME,
|
@@ -11,6 +11,8 @@ import Component from '../../components/buttongroup';
|
|
11
11
|
* @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
|
12
12
|
* @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
|
13
13
|
* @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
|
14
|
+
*
|
15
|
+
* @csspart container - The container of the buttongroup.
|
14
16
|
*/
|
15
17
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
16
18
|
export default reactWrapper;
|
@@ -14,6 +14,8 @@ import { TAG_NAME } from '../../components/buttongroup/buttongroup.constants';
|
|
14
14
|
* @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
|
15
15
|
* @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
|
16
16
|
* @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
|
17
|
+
*
|
18
|
+
* @csspart container - The container of the buttongroup.
|
17
19
|
*/
|
18
20
|
const reactWrapper = createComponent({
|
19
21
|
tagName: TAG_NAME,
|
@@ -47,6 +47,13 @@ import type { Events } from '../../components/dialog/dialog.types';
|
|
47
47
|
* @cssproperty --mdc-dialog-width - width of the dialog
|
48
48
|
* @cssproperty --mdc-dialog-height - height of the dialog
|
49
49
|
*
|
50
|
+
* @csspart body - The body section of the dialog.
|
51
|
+
* @csspart description-text - The description text of the dialog.
|
52
|
+
* @csspart dialog-close-btn - The close button of the dialog.
|
53
|
+
* @csspart header - The header of the dialog.
|
54
|
+
* @csspart header-section - The header section of the dialog.
|
55
|
+
* @csspart header-text - The header text of the dialog.
|
56
|
+
*
|
50
57
|
* @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
|
51
58
|
* @slot dialog-body - Slot for the dialog body content
|
52
59
|
* @slot footer-link - This slot is for passing `mdc-link` component within the footer section.
|
@@ -48,6 +48,13 @@ import { TAG_NAME } from '../../components/dialog/dialog.constants';
|
|
48
48
|
* @cssproperty --mdc-dialog-width - width of the dialog
|
49
49
|
* @cssproperty --mdc-dialog-height - height of the dialog
|
50
50
|
*
|
51
|
+
* @csspart body - The body section of the dialog.
|
52
|
+
* @csspart description-text - The description text of the dialog.
|
53
|
+
* @csspart dialog-close-btn - The close button of the dialog.
|
54
|
+
* @csspart header - The header of the dialog.
|
55
|
+
* @csspart header-section - The header section of the dialog.
|
56
|
+
* @csspart header-text - The header text of the dialog.
|
57
|
+
*
|
51
58
|
* @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
|
52
59
|
* @slot dialog-body - Slot for the dialog body content
|
53
60
|
* @slot footer-link - This slot is for passing `mdc-link` component within the footer section.
|
package/dist/react/index.d.ts
CHANGED
@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
|
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
10
10
|
export { default as Badge } from './badge';
|
11
11
|
export { default as Banner } from './banner';
|
12
|
-
export { default as Brandvisual } from './brandvisual';
|
13
12
|
export { default as Bullet } from './bullet';
|
13
|
+
export { default as Brandvisual } from './brandvisual';
|
14
14
|
export { default as Button } from './button';
|
15
15
|
export { default as ButtonGroup } from './buttongroup';
|
16
16
|
export { default as ButtonLink } from './buttonlink';
|
package/dist/react/index.js
CHANGED
@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
|
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
10
10
|
export { default as Badge } from './badge';
|
11
11
|
export { default as Banner } from './banner';
|
12
|
-
export { default as Brandvisual } from './brandvisual';
|
13
12
|
export { default as Bullet } from './bullet';
|
13
|
+
export { default as Brandvisual } from './brandvisual';
|
14
14
|
export { default as Button } from './button';
|
15
15
|
export { default as ButtonGroup } from './buttongroup';
|
16
16
|
export { default as ButtonLink } from './buttonlink';
|
@@ -10,6 +10,10 @@ import Component from '../../components/listheader';
|
|
10
10
|
* @cssproperty --mdc-listheader-height - height of the header
|
11
11
|
* @cssproperty --mdc-listheader-padding - padding around the header content
|
12
12
|
* @cssproperty --mdc-listheader-gap - gap between content
|
13
|
+
*
|
14
|
+
* @csspart header-text - The header text of list header
|
15
|
+
* @csspart postfix-icon - The postfix icon of list header
|
16
|
+
* @csspart prefix-icon - The prefix icon of list header
|
13
17
|
*/
|
14
18
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
15
19
|
export default reactWrapper;
|
@@ -13,6 +13,10 @@ import { TAG_NAME } from '../../components/listheader/listheader.constants';
|
|
13
13
|
* @cssproperty --mdc-listheader-height - height of the header
|
14
14
|
* @cssproperty --mdc-listheader-padding - padding around the header content
|
15
15
|
* @cssproperty --mdc-listheader-gap - gap between content
|
16
|
+
*
|
17
|
+
* @csspart header-text - The header text of list header
|
18
|
+
* @csspart postfix-icon - The postfix icon of list header
|
19
|
+
* @csspart prefix-icon - The prefix icon of list header
|
16
20
|
*/
|
17
21
|
const reactWrapper = createComponent({
|
18
22
|
tagName: TAG_NAME,
|
@@ -44,6 +44,11 @@ import type { Events } from '../../components/listitem/listitem.types';
|
|
44
44
|
* @cssproperty --mdc-listitem-width - Allows customization of the width of the list item.
|
45
45
|
* @cssproperty --mdc-listitem-height - Allows customization of the height of the list item.
|
46
46
|
*
|
47
|
+
* @csspart leading - Allows customization of the leading part.
|
48
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
49
|
+
* @csspart trailing - Allows customization of the trailing part.
|
50
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
51
|
+
*
|
47
52
|
* @event click - (React: onClick) This event is dispatched when the listitem is clicked.
|
48
53
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
|
49
54
|
* @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
|
@@ -45,6 +45,11 @@ import { TAG_NAME } from '../../components/listitem/listitem.constants';
|
|
45
45
|
* @cssproperty --mdc-listitem-width - Allows customization of the width of the list item.
|
46
46
|
* @cssproperty --mdc-listitem-height - Allows customization of the height of the list item.
|
47
47
|
*
|
48
|
+
* @csspart leading - Allows customization of the leading part.
|
49
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
50
|
+
* @csspart trailing - Allows customization of the trailing part.
|
51
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
52
|
+
*
|
48
53
|
* @event click - (React: onClick) This event is dispatched when the listitem is clicked.
|
49
54
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
|
50
55
|
* @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
|
@@ -37,6 +37,13 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
|
|
37
37
|
* @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
|
38
38
|
* @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
|
39
39
|
* @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
|
40
|
+
*
|
41
|
+
* @csspart leading - Allows customization of the leading part.
|
42
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
43
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
44
|
+
* @csspart trailing - Allows customization of the trailing part.
|
45
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
46
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
40
47
|
*/
|
41
48
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
42
49
|
onClick: EventName<EventsInherited["onClickEvent"]>;
|
@@ -38,6 +38,13 @@ import { TAG_NAME } from '../../components/menuitem/menuitem.constants';
|
|
38
38
|
* @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
|
39
39
|
* @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
|
40
40
|
* @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
|
41
|
+
*
|
42
|
+
* @csspart leading - Allows customization of the leading part.
|
43
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
44
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
45
|
+
* @csspart trailing - Allows customization of the trailing part.
|
46
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
47
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
41
48
|
*/
|
42
49
|
const reactWrapper = createComponent({
|
43
50
|
tagName: TAG_NAME,
|
@@ -44,6 +44,16 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
|
|
44
44
|
* @event change - (React: onChange) This event is dispatched when the menuitemcheckbox changes.
|
45
45
|
* @event click - (React: onClick) This event is dispatched when the menuitemcheckbox is clicked.
|
46
46
|
* @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.
|
47
|
+
*
|
48
|
+
* @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemcheckbox.
|
49
|
+
*
|
50
|
+
* @csspart checkmark-icon - Allows customization of the checkmark icon.
|
51
|
+
* @csspart leading - Allows customization of the leading part.
|
52
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
53
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
54
|
+
* @csspart trailing - Allows customization of the trailing part.
|
55
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
56
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
47
57
|
*/
|
48
58
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
49
59
|
onChange: EventName<Events["onChangeEvent"]>;
|
@@ -44,6 +44,16 @@ import { TAG_NAME } from '../../components/menuitemcheckbox/menuitemcheckbox.con
|
|
44
44
|
* @event change - (React: onChange) This event is dispatched when the menuitemcheckbox changes.
|
45
45
|
* @event click - (React: onClick) This event is dispatched when the menuitemcheckbox is clicked.
|
46
46
|
* @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.
|
47
|
+
*
|
48
|
+
* @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemcheckbox.
|
49
|
+
*
|
50
|
+
* @csspart checkmark-icon - Allows customization of the checkmark icon.
|
51
|
+
* @csspart leading - Allows customization of the leading part.
|
52
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
53
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
54
|
+
* @csspart trailing - Allows customization of the trailing part.
|
55
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
56
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
47
57
|
*/
|
48
58
|
const reactWrapper = createComponent({
|
49
59
|
tagName: TAG_NAME,
|
@@ -46,6 +46,16 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
|
|
46
46
|
* @event change - (React: onChange) This event is dispatched when the menuitemradio changes.
|
47
47
|
* @event click - (React: onClick) This event is dispatched when the menuitemradio is clicked.
|
48
48
|
* @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.
|
49
|
+
*
|
50
|
+
* @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemradio.
|
51
|
+
*
|
52
|
+
* @csspart checkmark-icon - Allows customization of the checkmark icon.
|
53
|
+
* @csspart leading - Allows customization of the leading part.
|
54
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
55
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
56
|
+
* @csspart trailing - Allows customization of the trailing part.
|
57
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
58
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
49
59
|
*/
|
50
60
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
51
61
|
onChange: EventName<Events["onChangeEvent"]>;
|
@@ -46,6 +46,16 @@ import { TAG_NAME } from '../../components/menuitemradio/menuitemradio.constants
|
|
46
46
|
* @event change - (React: onChange) This event is dispatched when the menuitemradio changes.
|
47
47
|
* @event click - (React: onClick) This event is dispatched when the menuitemradio is clicked.
|
48
48
|
* @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.
|
49
|
+
*
|
50
|
+
* @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemradio.
|
51
|
+
*
|
52
|
+
* @csspart checkmark-icon - Allows customization of the checkmark icon.
|
53
|
+
* @csspart leading - Allows customization of the leading part.
|
54
|
+
* @csspart leading-arrow - Allows customization of leading arrow icon.
|
55
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
56
|
+
* @csspart trailing - Allows customization of the trailing part.
|
57
|
+
* @csspart trailing-arrow - Allows customization of trailing arrow icon.
|
58
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
49
59
|
*/
|
50
60
|
const reactWrapper = createComponent({
|
51
61
|
tagName: TAG_NAME,
|
@@ -45,6 +45,10 @@ import type { Events as EventsInherited } from '../../components/popover/popover
|
|
45
45
|
* @event action - (React: onAction) This event is dispatched when a menuItem selected and the menu closes.
|
46
46
|
*
|
47
47
|
* @slot default - Contains the menu items to be displayed in the popover
|
48
|
+
*
|
49
|
+
* @csspart popover-close - The close button of the menupopover.
|
50
|
+
* @csspart popover-content - The content of the menupopover.
|
51
|
+
* @csspart popover-hover-bridge - The hover bridge of the menupopover.
|
48
52
|
*/
|
49
53
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
50
54
|
onChange: EventName<Events["onChangeEvent"]>;
|
@@ -45,6 +45,10 @@ import { TAG_NAME } from '../../components/menupopover/menupopover.constants';
|
|
45
45
|
* @event action - (React: onAction) This event is dispatched when a menuItem selected and the menu closes.
|
46
46
|
*
|
47
47
|
* @slot default - Contains the menu items to be displayed in the popover
|
48
|
+
*
|
49
|
+
* @csspart popover-close - The close button of the menupopover.
|
50
|
+
* @csspart popover-content - The content of the menupopover.
|
51
|
+
* @csspart popover-hover-bridge - The hover bridge of the menupopover.
|
48
52
|
*/
|
49
53
|
const reactWrapper = createComponent({
|
50
54
|
tagName: TAG_NAME,
|
@@ -16,6 +16,11 @@ import type { Events } from '../../components/menusection/menusection.types';
|
|
16
16
|
*
|
17
17
|
* @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.
|
18
18
|
* @event action - (React: onAction) This event is dispatched when a `menuitem` selected.
|
19
|
+
*
|
20
|
+
* @csspart header - The header of the menusection.
|
21
|
+
* @csspart align-header - The header of the menusection when it is aligned to the start.
|
22
|
+
* @csspart container - The container of the menusection.
|
23
|
+
* @csspart divider - The divider of the menusection.
|
19
24
|
*/
|
20
25
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
21
26
|
onChange: EventName<Events["onChangeEvent"]>;
|
@@ -17,6 +17,11 @@ import { TAG_NAME } from '../../components/menusection/menusection.constants';
|
|
17
17
|
*
|
18
18
|
* @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.
|
19
19
|
* @event action - (React: onAction) This event is dispatched when a `menuitem` selected.
|
20
|
+
*
|
21
|
+
* @csspart header - The header of the menusection.
|
22
|
+
* @csspart align-header - The header of the menusection when it is aligned to the start.
|
23
|
+
* @csspart container - The container of the menusection.
|
24
|
+
* @csspart divider - The divider of the menusection.
|
20
25
|
*/
|
21
26
|
const reactWrapper = createComponent({
|
22
27
|
tagName: TAG_NAME,
|
@@ -36,6 +36,12 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
|
|
36
36
|
* @cssproperty --mdc-navmenuitem-disabled-background-color - Background color of the navmenuitem when disabled.
|
37
37
|
* @cssproperty --mdc-navmenuitem-disabled-active-background-color - Background color of the active navmenuitem when disabled.
|
38
38
|
* @cssproperty --mdc-navmenuitem-rest-active-background-color - Background color of the active nav item in its rest state.
|
39
|
+
*
|
40
|
+
* @csspart arrow - The arrow of the navmenuitem.
|
41
|
+
* @csspart badge - The badge of the navmenuitem.
|
42
|
+
* @csspart icon-container - The container of the icon.
|
43
|
+
* @csspart text-container - The container of the text.
|
44
|
+
* @csspart trailing-arrow - The trailing arrow of the navmenuitem.
|
39
45
|
*/
|
40
46
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
41
47
|
onActiveChange: EventName<Events["onActiveChangeEvent"]>;
|
@@ -36,6 +36,12 @@ import { TAG_NAME } from '../../components/navmenuitem/navmenuitem.constants';
|
|
36
36
|
* @cssproperty --mdc-navmenuitem-disabled-background-color - Background color of the navmenuitem when disabled.
|
37
37
|
* @cssproperty --mdc-navmenuitem-disabled-active-background-color - Background color of the active navmenuitem when disabled.
|
38
38
|
* @cssproperty --mdc-navmenuitem-rest-active-background-color - Background color of the active nav item in its rest state.
|
39
|
+
*
|
40
|
+
* @csspart arrow - The arrow of the navmenuitem.
|
41
|
+
* @csspart badge - The badge of the navmenuitem.
|
42
|
+
* @csspart icon-container - The container of the icon.
|
43
|
+
* @csspart text-container - The container of the text.
|
44
|
+
* @csspart trailing-arrow - The trailing arrow of the navmenuitem.
|
39
45
|
*/
|
40
46
|
const reactWrapper = createComponent({
|
41
47
|
tagName: TAG_NAME,
|
@@ -9,6 +9,8 @@ import Component from '../../components/optgroup';
|
|
9
9
|
* @slot default - This is a default slot for mdc-option elements.
|
10
10
|
*
|
11
11
|
* @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.
|
12
|
+
*
|
13
|
+
* @csspart header-text - The header text of the optgroup.
|
12
14
|
*/
|
13
15
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
14
16
|
export default reactWrapper;
|
@@ -12,6 +12,8 @@ import { TAG_NAME } from '../../components/optgroup/optgroup.constants';
|
|
12
12
|
* @slot default - This is a default slot for mdc-option elements.
|
13
13
|
*
|
14
14
|
* @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.
|
15
|
+
*
|
16
|
+
* @csspart header-text - The header text of the optgroup.
|
15
17
|
*/
|
16
18
|
const reactWrapper = createComponent({
|
17
19
|
tagName: TAG_NAME,
|
@@ -25,6 +25,14 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
|
|
25
25
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the option.
|
26
26
|
* @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the option.
|
27
27
|
* @event focus - (React: onFocus) This event is dispatched when the option receives focus.
|
28
|
+
*
|
29
|
+
* @cssproperty --mdc-listitem-column-gap - gap between columns in the option
|
30
|
+
* @cssproperty --mdc-option-icon-width - width of the icon in the option
|
31
|
+
*
|
32
|
+
* @csspart leading - Allows customization of the leading part.
|
33
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
34
|
+
* @csspart trailing - Allows customization of the trailing part.
|
35
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
28
36
|
*/
|
29
37
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
30
38
|
onClick: EventName<EventsInherited["onClickEvent"]>;
|
@@ -26,6 +26,14 @@ import { TAG_NAME } from '../../components/option/option.constants';
|
|
26
26
|
* @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the option.
|
27
27
|
* @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the option.
|
28
28
|
* @event focus - (React: onFocus) This event is dispatched when the option receives focus.
|
29
|
+
*
|
30
|
+
* @cssproperty --mdc-listitem-column-gap - gap between columns in the option
|
31
|
+
* @cssproperty --mdc-option-icon-width - width of the icon in the option
|
32
|
+
*
|
33
|
+
* @csspart leading - Allows customization of the leading part.
|
34
|
+
* @csspart leading-text - Allows customization of the leading text part.
|
35
|
+
* @csspart trailing - Allows customization of the trailing part.
|
36
|
+
* @csspart trailing-text - Allows customization of the trailing text part.
|
29
37
|
*/
|
30
38
|
const reactWrapper = createComponent({
|
31
39
|
tagName: TAG_NAME,
|
@@ -35,6 +35,9 @@ import type { Events } from '../../components/popover/popover.types';
|
|
35
35
|
*
|
36
36
|
* @slot - Default slot for the popover content
|
37
37
|
*
|
38
|
+
* @csspart popover-close - The close button of the popover.
|
39
|
+
* @csspart popover-content - The content of the popover.
|
40
|
+
* @csspart popover-hover-bridge - The hover bridge of the popover.
|
38
41
|
*/
|
39
42
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
|
40
43
|
onShown: EventName<Events["onShownEvent"]>;
|
@@ -36,6 +36,9 @@ import { TAG_NAME } from '../../components/popover/popover.constants';
|
|
36
36
|
*
|
37
37
|
* @slot - Default slot for the popover content
|
38
38
|
*
|
39
|
+
* @csspart popover-close - The close button of the popover.
|
40
|
+
* @csspart popover-content - The content of the popover.
|
41
|
+
* @csspart popover-hover-bridge - The hover bridge of the popover.
|
39
42
|
*/
|
40
43
|
const reactWrapper = createComponent({
|
41
44
|
tagName: TAG_NAME,
|
@@ -25,6 +25,23 @@ import Component from '../../components/presence';
|
|
25
25
|
* @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
|
26
26
|
* @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
|
27
27
|
* @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
|
28
|
+
*
|
29
|
+
* @csspart presence-content - The presence content.
|
30
|
+
* @csspart mdc-presence-icon - The presence icon.
|
31
|
+
* @csspart mdc-presence-icon__active - The presence icon for active.
|
32
|
+
* @csspart mdc-presence-icon__away - The presence icon for away.
|
33
|
+
* @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.
|
34
|
+
* @csspart mdc-presence-icon__busy - The presence icon for busy.
|
35
|
+
* @csspart mdc-presence-icon__dnd - The presence icon for dnd.
|
36
|
+
* @csspart mdc-presence-icon__meeting - The presence icon for meeting.
|
37
|
+
* @csspart mdc-presence-icon__on-call - The presence icon for on-call.
|
38
|
+
* @csspart mdc-presence-icon__on-device - The presence icon for on-device.
|
39
|
+
* @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.
|
40
|
+
* @csspart mdc-presence-icon__pause - The presence icon for pause.
|
41
|
+
* @csspart mdc-presence-icon__pto - The presence icon for pto.
|
42
|
+
* @csspart mdc-presence-icon__presenting - The presence icon for presenting.
|
43
|
+
* @csspart mdc-presence-icon__quiet - The presence icon for quiet.
|
44
|
+
* @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.
|
28
45
|
*/
|
29
46
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
30
47
|
export default reactWrapper;
|
@@ -28,6 +28,23 @@ import { TAG_NAME } from '../../components/presence/presence.constants';
|
|
28
28
|
* @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
|
29
29
|
* @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
|
30
30
|
* @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
|
31
|
+
*
|
32
|
+
* @csspart presence-content - The presence content.
|
33
|
+
* @csspart mdc-presence-icon - The presence icon.
|
34
|
+
* @csspart mdc-presence-icon__active - The presence icon for active.
|
35
|
+
* @csspart mdc-presence-icon__away - The presence icon for away.
|
36
|
+
* @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.
|
37
|
+
* @csspart mdc-presence-icon__busy - The presence icon for busy.
|
38
|
+
* @csspart mdc-presence-icon__dnd - The presence icon for dnd.
|
39
|
+
* @csspart mdc-presence-icon__meeting - The presence icon for meeting.
|
40
|
+
* @csspart mdc-presence-icon__on-call - The presence icon for on-call.
|
41
|
+
* @csspart mdc-presence-icon__on-device - The presence icon for on-device.
|
42
|
+
* @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.
|
43
|
+
* @csspart mdc-presence-icon__pause - The presence icon for pause.
|
44
|
+
* @csspart mdc-presence-icon__pto - The presence icon for pto.
|
45
|
+
* @csspart mdc-presence-icon__presenting - The presence icon for presenting.
|
46
|
+
* @csspart mdc-presence-icon__quiet - The presence icon for quiet.
|
47
|
+
* @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.
|
31
48
|
*/
|
32
49
|
const reactWrapper = createComponent({
|
33
50
|
tagName: TAG_NAME,
|
@@ -25,6 +25,14 @@ import Component from '../../components/progressbar';
|
|
25
25
|
* @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.
|
26
26
|
* @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
|
27
27
|
* @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
|
28
|
+
*
|
29
|
+
* @csspart gap - The gap between the label and the progressbar.
|
30
|
+
* @csspart inline-label-container - The container of the label in inline variant.
|
31
|
+
* @csspart label-container - The container of the label in inline variant.
|
32
|
+
* @csspart percentage - The container of the label in inline variant.
|
33
|
+
* @csspart progress-bar - The container of the label in inline variant.
|
34
|
+
* @csspart progress-container - The container of the label in inline variant.
|
35
|
+
* @csspart remaining - The container of the remaining progressbar portion.
|
28
36
|
*/
|
29
37
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
30
38
|
export default reactWrapper;
|
@@ -28,6 +28,14 @@ import { TAG_NAME } from '../../components/progressbar/progressbar.constants';
|
|
28
28
|
* @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.
|
29
29
|
* @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
|
30
30
|
* @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
|
31
|
+
*
|
32
|
+
* @csspart gap - The gap between the label and the progressbar.
|
33
|
+
* @csspart inline-label-container - The container of the label in inline variant.
|
34
|
+
* @csspart label-container - The container of the label in inline variant.
|
35
|
+
* @csspart percentage - The container of the label in inline variant.
|
36
|
+
* @csspart progress-bar - The container of the label in inline variant.
|
37
|
+
* @csspart progress-container - The container of the label in inline variant.
|
38
|
+
* @csspart remaining - The container of the remaining progressbar portion.
|
31
39
|
*/
|
32
40
|
const reactWrapper = createComponent({
|
33
41
|
tagName: TAG_NAME,
|
@@ -25,6 +25,12 @@ import Component from '../../components/progressspinner';
|
|
25
25
|
* @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.
|
26
26
|
* @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.
|
27
27
|
*
|
28
|
+
* @csspart error-icon - The error icon of the progressspinner.
|
29
|
+
* @csspart spinner-base - The base of the progressspinner.
|
30
|
+
* @csspart spinner-container - The container of the progressspinner.
|
31
|
+
* @csspart spinner-progress - The progress of the progressspinner.
|
32
|
+
* @csspart spinner-track - The track of the progressspinner.
|
33
|
+
* @csspart success-icon - The success icon of the progressspinner.
|
28
34
|
*/
|
29
35
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
30
36
|
export default reactWrapper;
|
@@ -28,6 +28,12 @@ import { TAG_NAME } from '../../components/progressspinner/progressspinner.const
|
|
28
28
|
* @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.
|
29
29
|
* @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.
|
30
30
|
*
|
31
|
+
* @csspart error-icon - The error icon of the progressspinner.
|
32
|
+
* @csspart spinner-base - The base of the progressspinner.
|
33
|
+
* @csspart spinner-container - The container of the progressspinner.
|
34
|
+
* @csspart spinner-progress - The progress of the progressspinner.
|
35
|
+
* @csspart spinner-track - The track of the progressspinner.
|
36
|
+
* @csspart success-icon - The success icon of the progressspinner.
|
31
37
|
*/
|
32
38
|
const reactWrapper = createComponent({
|
33
39
|
tagName: TAG_NAME,
|
@@ -20,6 +20,7 @@ import Component from '../../components/staticcheckbox';
|
|
20
20
|
* @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.
|
21
21
|
* @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
|
22
22
|
*
|
23
|
+
* @csspart icon-container - The container for the checkbox icon.
|
23
24
|
*/
|
24
25
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
25
26
|
export default reactWrapper;
|
@@ -23,6 +23,7 @@ import { TAG_NAME } from '../../components/staticcheckbox/staticcheckbox.constan
|
|
23
23
|
* @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.
|
24
24
|
* @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
|
25
25
|
*
|
26
|
+
* @csspart icon-container - The container for the checkbox icon.
|
26
27
|
*/
|
27
28
|
const reactWrapper = createComponent({
|
28
29
|
tagName: TAG_NAME,
|
@@ -15,6 +15,7 @@ import Component from '../../components/staticchip';
|
|
15
15
|
* @cssproperty --mdc-chip-border-color - The border color of the static chip.
|
16
16
|
* @cssproperty --mdc-chip-background-color - The background color of the static chip.
|
17
17
|
*
|
18
|
+
* @csspart label - The label of the static chip.
|
18
19
|
*/
|
19
20
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
20
21
|
export default reactWrapper;
|