@momentum-design/components 0.35.0 → 0.36.1
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 +217 -217
- package/dist/browser/index.js.map +4 -4
- package/dist/components/coachmark/coachmark.component.d.ts +52 -0
- package/dist/components/coachmark/coachmark.component.js +82 -0
- package/dist/components/coachmark/coachmark.constants.d.ts +9 -0
- package/dist/components/coachmark/coachmark.constants.js +11 -0
- package/dist/components/coachmark/index.d.ts +8 -0
- package/dist/components/coachmark/index.js +5 -0
- package/dist/components/popover/popover.component.js +2 -2
- package/dist/custom-elements.json +1559 -2
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/coachmark/index.d.ts +23 -0
- package/dist/react/coachmark/index.js +32 -0
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
@@ -4,6 +4,7 @@ import Badge from './components/badge';
|
|
4
4
|
import Bullet from './components/bullet';
|
5
5
|
import Button from './components/button';
|
6
6
|
import Checkbox from './components/checkbox';
|
7
|
+
import Coachmark from './components/coachmark';
|
7
8
|
import Divider from './components/divider';
|
8
9
|
import FormfieldGroup from './components/formfieldgroup';
|
9
10
|
import Icon from './components/icon';
|
@@ -28,6 +29,6 @@ import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
|
|
28
29
|
import Textarea from './components/textarea';
|
29
30
|
import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.types';
|
30
31
|
import type { TextType } from './components/text/text.types';
|
31
|
-
export { Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Divider, FormfieldGroup, Icon, IconProvider, Input, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Textarea, Tooltip, };
|
32
|
+
export { Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Coachmark, Divider, FormfieldGroup, Icon, IconProvider, Input, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Textarea, Tooltip, };
|
32
33
|
export type { TextType, SpinnerSize, SpinnerVariant, };
|
33
34
|
export { inMemoryCache, webAPIIconsCache };
|
package/dist/index.js
CHANGED
@@ -4,6 +4,7 @@ import Badge from './components/badge';
|
|
4
4
|
import Bullet from './components/bullet';
|
5
5
|
import Button from './components/button';
|
6
6
|
import Checkbox from './components/checkbox';
|
7
|
+
import Coachmark from './components/coachmark';
|
7
8
|
import Divider from './components/divider';
|
8
9
|
import FormfieldGroup from './components/formfieldgroup';
|
9
10
|
import Icon from './components/icon';
|
@@ -26,5 +27,5 @@ import Tooltip from './components/tooltip';
|
|
26
27
|
import VirtualizedList from './components/virtualizedlist';
|
27
28
|
import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
|
28
29
|
import Textarea from './components/textarea';
|
29
|
-
export { Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Divider, FormfieldGroup, Icon, IconProvider, Input, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Textarea, Tooltip, };
|
30
|
+
export { Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Coachmark, Divider, FormfieldGroup, Icon, IconProvider, Input, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Textarea, Tooltip, };
|
30
31
|
export { inMemoryCache, webAPIIconsCache };
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import Component from '../../components/coachmark';
|
2
|
+
/**
|
3
|
+
* Coachmark component based on top of the popover component,
|
4
|
+
* with the default value of certain properties changed.
|
5
|
+
*
|
6
|
+
* @dependency mdc-popover
|
7
|
+
*
|
8
|
+
* @tagname mdc-coachmark
|
9
|
+
*
|
10
|
+
* @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
|
11
|
+
* @cssproperty --mdc-popover-arrow-border - border of the arrow
|
12
|
+
* @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
|
13
|
+
* @cssproperty --mdc-popover-border-color - border color of the popover
|
14
|
+
* @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover
|
15
|
+
* @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover
|
16
|
+
* @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover
|
17
|
+
* @cssproperty --mdc-popover-elevation-3 - elevation of the popover
|
18
|
+
*
|
19
|
+
* @slot - Default slot for modal container
|
20
|
+
*
|
21
|
+
*/
|
22
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
23
|
+
export default reactWrapper;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/coachmark';
|
4
|
+
import { TAG_NAME } from '../../components/coachmark/coachmark.constants';
|
5
|
+
/**
|
6
|
+
* Coachmark component based on top of the popover component,
|
7
|
+
* with the default value of certain properties changed.
|
8
|
+
*
|
9
|
+
* @dependency mdc-popover
|
10
|
+
*
|
11
|
+
* @tagname mdc-coachmark
|
12
|
+
*
|
13
|
+
* @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
|
14
|
+
* @cssproperty --mdc-popover-arrow-border - border of the arrow
|
15
|
+
* @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
|
16
|
+
* @cssproperty --mdc-popover-border-color - border color of the popover
|
17
|
+
* @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover
|
18
|
+
* @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover
|
19
|
+
* @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover
|
20
|
+
* @cssproperty --mdc-popover-elevation-3 - elevation of the popover
|
21
|
+
*
|
22
|
+
* @slot - Default slot for modal container
|
23
|
+
*
|
24
|
+
*/
|
25
|
+
const reactWrapper = createComponent({
|
26
|
+
tagName: TAG_NAME,
|
27
|
+
elementClass: Component,
|
28
|
+
react: React,
|
29
|
+
events: {},
|
30
|
+
displayName: 'Coachmark',
|
31
|
+
});
|
32
|
+
export default reactWrapper;
|
package/dist/react/index.d.ts
CHANGED
@@ -5,6 +5,7 @@ export { default as Bullet } from './bullet';
|
|
5
5
|
export { default as Button } from './button';
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
7
7
|
export { default as Checkbox } from './checkbox';
|
8
|
+
export { default as Coachmark } from './coachmark';
|
8
9
|
export { default as Divider } from './divider';
|
9
10
|
export { default as FormfieldGroup } from './formfieldgroup';
|
10
11
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
package/dist/react/index.js
CHANGED
@@ -5,6 +5,7 @@ export { default as Bullet } from './bullet';
|
|
5
5
|
export { default as Button } from './button';
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
7
7
|
export { default as Checkbox } from './checkbox';
|
8
|
+
export { default as Coachmark } from './coachmark';
|
8
9
|
export { default as Divider } from './divider';
|
9
10
|
export { default as FormfieldGroup } from './formfieldgroup';
|
10
11
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
package/package.json
CHANGED