@momentum-design/components 0.75.2 → 0.75.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 +46 -37
- package/dist/browser/index.js.map +3 -3
- package/dist/components/dialog/dialog.component.d.ts +12 -0
- package/dist/components/dialog/dialog.component.js +49 -20
- package/dist/components/dialog/dialog.styles.js +8 -2
- package/dist/custom-elements.json +851 -847
- package/dist/react/dialog/index.d.ts +5 -0
- package/dist/react/dialog/index.js +5 -0
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
@@ -6,6 +6,10 @@ import Component from '../../components/dialog';
|
|
6
6
|
* The dialog is available in three sizes: small, medium, and large. It may also receive custom styling/sizing.
|
7
7
|
* The dialog interrupts the user and will block interaction with the rest of the application until it is closed.
|
8
8
|
*
|
9
|
+
* The dialog can be controlled solely through the `visible` property, no trigger element is required.
|
10
|
+
* If a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will
|
11
|
+
* remember the previously focused element before the dialog was opened.
|
12
|
+
*
|
9
13
|
* Dialog component have 2 variants: default and promotional.
|
10
14
|
*
|
11
15
|
* **Accessibility notes for consuming (have to be explicitly set when you consume the component)**
|
@@ -34,6 +38,7 @@ import Component from '../../components/dialog';
|
|
34
38
|
* @cssproperty --mdc-dialog-elevation-3 - elevation of the dialog
|
35
39
|
* @cssproperty --mdc-dialog-width - width of the dialog
|
36
40
|
*
|
41
|
+
* @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
|
37
42
|
* @slot dialog-body - Slot for the dialog body content
|
38
43
|
* @slot footer-link - This slot is for passing `mdc-link` component within the footer section.
|
39
44
|
* @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component
|
@@ -8,6 +8,10 @@ import { TAG_NAME } from '../../components/dialog/dialog.constants';
|
|
8
8
|
* The dialog is available in three sizes: small, medium, and large. It may also receive custom styling/sizing.
|
9
9
|
* The dialog interrupts the user and will block interaction with the rest of the application until it is closed.
|
10
10
|
*
|
11
|
+
* The dialog can be controlled solely through the `visible` property, no trigger element is required.
|
12
|
+
* If a `triggerId` is provided, the dialog will manage focus with that element, otherwise it will
|
13
|
+
* remember the previously focused element before the dialog was opened.
|
14
|
+
*
|
11
15
|
* Dialog component have 2 variants: default and promotional.
|
12
16
|
*
|
13
17
|
* **Accessibility notes for consuming (have to be explicitly set when you consume the component)**
|
@@ -36,6 +40,7 @@ import { TAG_NAME } from '../../components/dialog/dialog.constants';
|
|
36
40
|
* @cssproperty --mdc-dialog-elevation-3 - elevation of the dialog
|
37
41
|
* @cssproperty --mdc-dialog-width - width of the dialog
|
38
42
|
*
|
43
|
+
* @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
|
39
44
|
* @slot dialog-body - Slot for the dialog body content
|
40
45
|
* @slot footer-link - This slot is for passing `mdc-link` component within the footer section.
|
41
46
|
* @slot footer-button-secondary - This slot is for passing secondary variant of `mdc-button` component
|
package/dist/react/index.d.ts
CHANGED
@@ -23,14 +23,14 @@ export { default as FilterChip } from './filterchip';
|
|
23
23
|
export { default as FormfieldGroup } from './formfieldgroup';
|
24
24
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
25
25
|
export { default as Icon } from './icon';
|
26
|
-
export { default as IconProvider } from './iconprovider';
|
27
26
|
export { default as Input } from './input';
|
27
|
+
export { default as IconProvider } from './iconprovider';
|
28
28
|
export { default as InputChip } from './inputchip';
|
29
29
|
export { default as Link } from './link';
|
30
30
|
export { default as Linksimple } from './linksimple';
|
31
31
|
export { default as List } from './list';
|
32
|
-
export { default as ListItem } from './listitem';
|
33
32
|
export { default as Marker } from './marker';
|
33
|
+
export { default as ListItem } from './listitem';
|
34
34
|
export { default as Menu } from './menu';
|
35
35
|
export { default as MenuBar } from './menubar';
|
36
36
|
export { default as MenuItem } from './menuitem';
|
@@ -43,8 +43,8 @@ export { default as Option } from './option';
|
|
43
43
|
export { default as Popover } from './popover';
|
44
44
|
export { default as Presence } from './presence';
|
45
45
|
export { default as Progressbar } from './progressbar';
|
46
|
-
export { default as Progressspinner } from './progressspinner';
|
47
46
|
export { default as Radio } from './radio';
|
47
|
+
export { default as Progressspinner } from './progressspinner';
|
48
48
|
export { default as RadioGroup } from './radiogroup';
|
49
49
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
50
50
|
export { default as Searchfield } from './searchfield';
|
package/dist/react/index.js
CHANGED
@@ -23,14 +23,14 @@ export { default as FilterChip } from './filterchip';
|
|
23
23
|
export { default as FormfieldGroup } from './formfieldgroup';
|
24
24
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
25
25
|
export { default as Icon } from './icon';
|
26
|
-
export { default as IconProvider } from './iconprovider';
|
27
26
|
export { default as Input } from './input';
|
27
|
+
export { default as IconProvider } from './iconprovider';
|
28
28
|
export { default as InputChip } from './inputchip';
|
29
29
|
export { default as Link } from './link';
|
30
30
|
export { default as Linksimple } from './linksimple';
|
31
31
|
export { default as List } from './list';
|
32
|
-
export { default as ListItem } from './listitem';
|
33
32
|
export { default as Marker } from './marker';
|
33
|
+
export { default as ListItem } from './listitem';
|
34
34
|
export { default as Menu } from './menu';
|
35
35
|
export { default as MenuBar } from './menubar';
|
36
36
|
export { default as MenuItem } from './menuitem';
|
@@ -43,8 +43,8 @@ export { default as Option } from './option';
|
|
43
43
|
export { default as Popover } from './popover';
|
44
44
|
export { default as Presence } from './presence';
|
45
45
|
export { default as Progressbar } from './progressbar';
|
46
|
-
export { default as Progressspinner } from './progressspinner';
|
47
46
|
export { default as Radio } from './radio';
|
47
|
+
export { default as Progressspinner } from './progressspinner';
|
48
48
|
export { default as RadioGroup } from './radiogroup';
|
49
49
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
50
50
|
export { default as Searchfield } from './searchfield';
|
package/package.json
CHANGED