@aurodesignsystem-dev/auro-drawer 0.0.0-pr134.0 → 0.0.0-pr135.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.
- package/demo/api.md +12 -56
- package/demo/auro-drawer.min.js +145 -418
- package/dist/{auro-drawer-DTS2mk2U.js → auro-drawer-UEcwC42s.js} +24 -25
- package/dist/index.d.ts +2 -18
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +2 -6
- package/demo/keyboard-audit.html +0 -766
package/dist/index.d.ts
CHANGED
|
@@ -153,21 +153,12 @@ When expanded, the drawer will automatically display in fullscreen mode if the s
|
|
|
153
153
|
* - `_initializeDefaults() => void`: undefined
|
|
154
154
|
* - `register(name?: string = "auro-drawer") => void`: This will register this element with the browser.
|
|
155
155
|
*
|
|
156
|
-
* ## CSS Custom Properties
|
|
157
|
-
*
|
|
158
|
-
* CSS variables available for styling the component.
|
|
159
|
-
*
|
|
160
|
-
* - `--auro-drawer-backdrop-background`: Background of the `::backdrop` pseudo-element. In modal/backdrop mode the component sets this to the design-system scrim token; consumers can override it. (default: `transparent`)
|
|
161
|
-
* - `--auro-drawer-backdrop-filter`: `backdrop-filter` applied to the `::backdrop` pseudo-element (e.g. `blur(4px)`). (default: `none`)
|
|
162
|
-
* - `--auro-drawer-backdrop-opacity`: Opacity of the `::backdrop` pseudo-element. (default: `1`)
|
|
163
|
-
* - `--auro-drawer-backdrop-transition`: Transition applied to the `::backdrop` pseudo-element (e.g. `opacity 0.3s ease`). (default: `opacity 0.3s ease`)
|
|
164
|
-
*
|
|
165
156
|
* ## CSS Parts
|
|
166
157
|
*
|
|
167
158
|
* Custom selectors for styling elements within the component.
|
|
168
159
|
*
|
|
169
160
|
* - `close-button`: to style the close button.
|
|
170
|
-
* - `drawer-backdrop`:
|
|
161
|
+
* - `drawer-backdrop`: to style the backdrop behind the the content wrapper.
|
|
171
162
|
* - `drawer-content`: to style the container of the drawer content.
|
|
172
163
|
* - `drawer-footer`: to style the footer.
|
|
173
164
|
* - `drawer-header`: to style the header.
|
|
@@ -177,14 +168,7 @@ When expanded, the drawer will automatically display in fullscreen mode if the s
|
|
|
177
168
|
}
|
|
178
169
|
|
|
179
170
|
export type CustomCssProperties = {
|
|
180
|
-
|
|
181
|
-
"--auro-drawer-backdrop-background"?: string;
|
|
182
|
-
/** `backdrop-filter` applied to the `::backdrop` pseudo-element (e.g. `blur(4px)`). */
|
|
183
|
-
"--auro-drawer-backdrop-filter"?: string;
|
|
184
|
-
/** Opacity of the `::backdrop` pseudo-element. */
|
|
185
|
-
"--auro-drawer-backdrop-opacity"?: string;
|
|
186
|
-
/** Transition applied to the `::backdrop` pseudo-element (e.g. `opacity 0.3s ease`). */
|
|
187
|
-
"--auro-drawer-backdrop-transition"?: string;
|
|
171
|
+
|
|
188
172
|
}
|
|
189
173
|
|
|
190
174
|
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroDrawer}from"./auro-drawer-
|
|
1
|
+
export{A as AuroDrawer}from"./auro-drawer-UEcwC42s.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-drawer-
|
|
1
|
+
import{A as i}from"./auro-drawer-UEcwC42s.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-drawer",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr135.0",
|
|
11
11
|
"description": "auro-drawer HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
@@ -31,9 +31,7 @@
|
|
|
31
31
|
"@aurodesignsystem/auro-library": "^5.5.4",
|
|
32
32
|
"@aurodesignsystem/design-tokens": "^8.7.0",
|
|
33
33
|
"@aurodesignsystem/webcorestylesheets": "^10.1.4",
|
|
34
|
-
"@playwright/test": "^1.58.2",
|
|
35
34
|
"@web/test-runner-commands": "^0.9.0",
|
|
36
|
-
"baseline-browser-mapping": "^2.10.0",
|
|
37
35
|
"husky": "^9.1.7"
|
|
38
36
|
},
|
|
39
37
|
"browserslist": [
|
|
@@ -63,9 +61,7 @@
|
|
|
63
61
|
"test": "auro test",
|
|
64
62
|
"test:watch": "auro test --watch",
|
|
65
63
|
"test:coverage": "auro test --coverage-report --open",
|
|
66
|
-
"prepare": "husky"
|
|
67
|
-
"test:e2e": "playwright test --config=playwright.config.js",
|
|
68
|
-
"test:e2e:video": "playwright test --config=playwright.video.config.js && playwright show-report"
|
|
64
|
+
"prepare": "husky"
|
|
69
65
|
},
|
|
70
66
|
"exports": {
|
|
71
67
|
"./package.json": "./package.json",
|