@aurodesignsystem-dev/auro-dialog 0.0.0-pr106.9 → 0.0.0-pr107.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.
Files changed (9) hide show
  1. package/demo/api.md +9 -12
  2. package/demo/auro-dialog.min.js +254 -3117
  3. package/demo/index.md +0 -7
  4. package/dist/auro-dialog-BNnIwNXB.js +128 -0
  5. package/dist/index.d.ts +3 -12
  6. package/dist/index.js +1 -1
  7. package/dist/registered.js +1 -1
  8. package/package.json +6 -6
  9. package/dist/auro-dialog-WVmAMJ0_.js +0 -134
package/demo/api.md CHANGED
@@ -10,23 +10,20 @@ The `auro-dialog` appears on top of the page and presents information that requi
10
10
  | Properties | Attributes | Modifiers | Type | Default | Description |
11
11
  | --------------------- | ----------------------- | --------- | ---------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
12
12
  | closeButtonAppearance | close-button-appearance | | `default` \| `inverse` | `default` | Defines whether the close button should be light colored for use on dark backgrounds. |
13
- | isPopoverVisible | open | | boolean | | Sets state of dialog to open. |
14
13
  | lg | lg | | boolean | | Sets dialog box to large style. Adding both lg and sm/md will set the dialog to lg for mobile and sm/md for desktop.<br>Must be used in conjunction with sm or md to have an effect. |
15
14
  | md | md | | boolean | | Sets dialog box to medium style. Adding both md and lg will set the dialog to md for desktop and lg for mobile. |
16
15
  | modal | modal | | boolean | | Modal dialog restricts the user to take an action (no default close actions). |
17
16
  | onDark | onDark | | boolean | | DEPRECATED - use `close-button-appearance="inverse" instead. |
17
+ | open | open | | boolean | | Sets state of dialog to open. |
18
18
  | sm | sm | | boolean | | Sets dialog box to small style. Adding both sm and lg will set the dialog to sm for desktop and lg for mobile. |
19
19
  | triggerElement | | | HTMLElement | | The element to focus when the dialog is closed. If not set, defaults to the value of document.activeElement when the dialog is opened. |
20
20
  | unformatted | unformatted | | boolean | | Unformatted dialog window, edge-to-edge fill for content. |
21
- | | isBibFullscreen | | boolean | | If true, the dialog bib is in fullscreen mode. |
22
21
 
23
22
  ### Methods
24
23
 
25
24
  | Name | Parameters | Return | Description |
26
25
  | -------- | -------------------------------------------------------------------- | ------ | ------------------------------------------------- |
27
- | hide | None | void | Closes the dialog. |
28
26
  | register | `name` (string) - The name of the element that you want to register. | | This will register this element with the browser. |
29
- | show | None | void | Opens the dialog. |
30
27
 
31
28
  ### Events
32
29
 
@@ -45,14 +42,14 @@ The `auro-dialog` appears on top of the page and presents information that requi
45
42
 
46
43
  ### CSS Shadow Parts
47
44
 
48
- | Name | Description |
49
- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
50
- | close-button | adjust position of the close X icon in the dialog window |
51
- | dialog | apply CSS to the entire dialog |
52
- | dialog-content | apply CSS to the content of the dialog |
53
- | dialog-footer | apply CSS to the footer of the dialog |
54
- | dialog-header | apply CSS to the header of the dialog |
55
- | dialog-overlay | DEPRECATED. Use `--ds-auro-dialog-overlay-modal-background-color` or `--ds-auro-dialog-overlay-open-background-color` for backdrop styling instead. |
45
+ | Name | Description |
46
+ | -------------- | -------------------------------------------------------- |
47
+ | close-button | adjust position of the close X icon in the dialog window |
48
+ | dialog | apply CSS to the entire dialog |
49
+ | dialog-content | apply CSS to the content of the dialog |
50
+ | dialog-footer | apply CSS to the footer of the dialog |
51
+ | dialog-header | apply CSS to the header of the dialog |
52
+ | dialog-overlay | apply CSS on the overlay of the dialog |
56
53
  <!-- AURO-GENERATED-CONTENT:END -->
57
54
 
58
55
  ## Basic