@momentum-design/components 0.18.3 → 0.18.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/browser/index.js +0 -14
- package/dist/browser/index.js.map +2 -2
- package/dist/components/badge/badge.component.d.ts +12 -0
- package/dist/components/badge/badge.component.js +12 -0
- package/dist/components/icon/icon.component.d.ts +2 -0
- package/dist/components/icon/icon.component.js +2 -0
- package/dist/components/presence/presence.component.d.ts +16 -0
- package/dist/components/presence/presence.component.js +16 -0
- package/dist/components/presence/presence.styles.js +0 -14
- package/dist/custom-elements.json +617 -501
- package/dist/react/badge/index.d.ts +12 -0
- package/dist/react/badge/index.js +12 -0
- package/dist/react/icon/index.d.ts +2 -0
- package/dist/react/icon/index.js +2 -0
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/presence/index.d.ts +16 -0
- package/dist/react/presence/index.js +16 -0
- package/package.json +1 -1
@@ -20,6 +20,18 @@ import Component from '../../components/badge';
|
|
20
20
|
* @dependency mdc-text
|
21
21
|
*
|
22
22
|
* @tagname mdc-badge
|
23
|
+
*
|
24
|
+
* @cssproperty --mdc-badge-primary-foreground-color - The foreground color of the primary badge.
|
25
|
+
* @cssproperty --mdc-badge-primary-background-color - The background color of the primary badge.
|
26
|
+
* @cssproperty --mdc-badge-secondary-foreground-color - The foreground color of the secondary badge.
|
27
|
+
* @cssproperty --mdc-badge-secondary-background-color - The background color of the secondary badge.
|
28
|
+
* @cssproperty --mdc-badge-success-foreground-color - The foreground color of the success badge.
|
29
|
+
* @cssproperty --mdc-badge-success-background-color - The background color of the success badge.
|
30
|
+
* @cssproperty --mdc-badge-warning-foreground-color - The foreground color of the warning badge.
|
31
|
+
* @cssproperty --mdc-badge-warning-background-color - The background color of the warning badge.
|
32
|
+
* @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
|
33
|
+
* @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
|
34
|
+
* @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
|
23
35
|
*/
|
24
36
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
25
37
|
export default reactWrapper;
|
@@ -23,6 +23,18 @@ import { TAG_NAME } from '../../components/badge/badge.constants';
|
|
23
23
|
* @dependency mdc-text
|
24
24
|
*
|
25
25
|
* @tagname mdc-badge
|
26
|
+
*
|
27
|
+
* @cssproperty --mdc-badge-primary-foreground-color - The foreground color of the primary badge.
|
28
|
+
* @cssproperty --mdc-badge-primary-background-color - The background color of the primary badge.
|
29
|
+
* @cssproperty --mdc-badge-secondary-foreground-color - The foreground color of the secondary badge.
|
30
|
+
* @cssproperty --mdc-badge-secondary-background-color - The background color of the secondary badge.
|
31
|
+
* @cssproperty --mdc-badge-success-foreground-color - The foreground color of the success badge.
|
32
|
+
* @cssproperty --mdc-badge-success-background-color - The background color of the success badge.
|
33
|
+
* @cssproperty --mdc-badge-warning-foreground-color - The foreground color of the warning badge.
|
34
|
+
* @cssproperty --mdc-badge-warning-background-color - The background color of the warning badge.
|
35
|
+
* @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
|
36
|
+
* @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
|
37
|
+
* @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
|
26
38
|
*/
|
27
39
|
const reactWrapper = createComponent({
|
28
40
|
tagName: TAG_NAME,
|
@@ -42,6 +42,8 @@ import Component from '../../components/icon';
|
|
42
42
|
* @tagname mdc-icon
|
43
43
|
*
|
44
44
|
* @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.
|
45
|
+
* @cssproperty --mdc-icon-size - Allows customization of the icon size.
|
46
|
+
* @cssproperty --mdc-icon-border-radius - Allows customization of the icon border radius.
|
45
47
|
*/
|
46
48
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
47
49
|
export default reactWrapper;
|
package/dist/react/icon/index.js
CHANGED
@@ -45,6 +45,8 @@ import { TAG_NAME } from '../../components/icon/icon.constants';
|
|
45
45
|
* @tagname mdc-icon
|
46
46
|
*
|
47
47
|
* @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.
|
48
|
+
* @cssproperty --mdc-icon-size - Allows customization of the icon size.
|
49
|
+
* @cssproperty --mdc-icon-border-radius - Allows customization of the icon border radius.
|
48
50
|
*/
|
49
51
|
const reactWrapper = createComponent({
|
50
52
|
tagName: TAG_NAME,
|
package/dist/react/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
export { default as Avatar } from './avatar';
|
2
|
-
export { default as AvatarButton } from './avatarbutton';
|
3
2
|
export { default as Badge } from './badge';
|
3
|
+
export { default as AvatarButton } from './avatarbutton';
|
4
4
|
export { default as Bullet } from './bullet';
|
5
5
|
export { default as Button } from './button';
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
package/dist/react/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
export { default as Avatar } from './avatar';
|
2
|
-
export { default as AvatarButton } from './avatarbutton';
|
3
2
|
export { default as Badge } from './badge';
|
3
|
+
export { default as AvatarButton } from './avatarbutton';
|
4
4
|
export { default as Bullet } from './bullet';
|
5
5
|
export { default as Button } from './button';
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
@@ -9,6 +9,22 @@ import Component from '../../components/presence';
|
|
9
9
|
* @dependency mdc-icon
|
10
10
|
*
|
11
11
|
* @tagname mdc-presence
|
12
|
+
*
|
13
|
+
* @cssproperty --mdc-presence-active-background-color - The background color of the presence type active.
|
14
|
+
* @cssproperty --mdc-presence-away-background-color - The background color of the presence type away.
|
15
|
+
* @cssproperty --mdc-presence-away-calling-background-color - The background color of the presence type away-calling.
|
16
|
+
* @cssproperty --mdc-presence-busy-background-color - The background color of the presence type busy.
|
17
|
+
* @cssproperty --mdc-presence-dnd-background-color - The background color of the presence type dnd.
|
18
|
+
* @cssproperty --mdc-presence-meeting-background-color - The background color of the presence type meeting.
|
19
|
+
* @cssproperty --mdc-presence-on-call-background-color - The background color of the presence type on-call.
|
20
|
+
* @cssproperty --mdc-presence-on-device-background-color - The background color of the presence type on-device.
|
21
|
+
* @cssproperty --mdc-presence-on-mobile-background-color - The background color of the presence type on-mobile.
|
22
|
+
* @cssproperty --mdc-presence-pause-background-color - The background color of the presence type pause.
|
23
|
+
* @cssproperty --mdc-presence-pto-background-color - The background color of the presence type pto.
|
24
|
+
* @cssproperty --mdc-presence-presenting-background-color - The background color of the presence type presenting.
|
25
|
+
* @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
|
26
|
+
* @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
|
27
|
+
* @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
|
12
28
|
*/
|
13
29
|
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
14
30
|
export default reactWrapper;
|
@@ -12,6 +12,22 @@ import { TAG_NAME } from '../../components/presence/presence.constants';
|
|
12
12
|
* @dependency mdc-icon
|
13
13
|
*
|
14
14
|
* @tagname mdc-presence
|
15
|
+
*
|
16
|
+
* @cssproperty --mdc-presence-active-background-color - The background color of the presence type active.
|
17
|
+
* @cssproperty --mdc-presence-away-background-color - The background color of the presence type away.
|
18
|
+
* @cssproperty --mdc-presence-away-calling-background-color - The background color of the presence type away-calling.
|
19
|
+
* @cssproperty --mdc-presence-busy-background-color - The background color of the presence type busy.
|
20
|
+
* @cssproperty --mdc-presence-dnd-background-color - The background color of the presence type dnd.
|
21
|
+
* @cssproperty --mdc-presence-meeting-background-color - The background color of the presence type meeting.
|
22
|
+
* @cssproperty --mdc-presence-on-call-background-color - The background color of the presence type on-call.
|
23
|
+
* @cssproperty --mdc-presence-on-device-background-color - The background color of the presence type on-device.
|
24
|
+
* @cssproperty --mdc-presence-on-mobile-background-color - The background color of the presence type on-mobile.
|
25
|
+
* @cssproperty --mdc-presence-pause-background-color - The background color of the presence type pause.
|
26
|
+
* @cssproperty --mdc-presence-pto-background-color - The background color of the presence type pto.
|
27
|
+
* @cssproperty --mdc-presence-presenting-background-color - The background color of the presence type presenting.
|
28
|
+
* @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
|
29
|
+
* @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
|
30
|
+
* @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
|
15
31
|
*/
|
16
32
|
const reactWrapper = createComponent({
|
17
33
|
tagName: TAG_NAME,
|
package/package.json
CHANGED