@aurodesignsystem-dev/auro-drawer 0.0.0-pr131.1 → 0.0.0-pr131.11

package/dist/index.d.ts

@@ -151,14 +151,29 @@ When expanded, the drawer will automatically display in fullscreen mode if the s
  * Methods that can be called to access component functionality.
  * 
  * - `_initializeDefaults() => void`: undefined
+ * - `hide(eventType = undefined) => void`: Closes the native dialog.
  * - `register(name?: string = "auro-drawer") => void`: This will register this element with the browser.
+ * - `show() => void`: Opens the native dialog inside the bib.
+ * 
+ * - `modal && !nested`: `showModal()` for native focus containment and top-layer rendering.
+ * - `nested` or `!modal`: `showPopover()` to keep positional CSS intact
+ *   and allow free keyboard flow to background content (WCAG 2.1.2).
+ * 
+ * ## CSS Custom Properties
+ * 
+ * CSS variables available for styling the component.
+ * 
+ * - `--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`)
+ * - `--auro-drawer-backdrop-filter`: `backdrop-filter` applied to the `::backdrop` pseudo-element (e.g. `blur(4px)`). (default: `none`)
+ * - `--auro-drawer-backdrop-opacity`: Opacity of the `::backdrop` pseudo-element. (default: `1`)
+ * - `--auro-drawer-backdrop-transition`: Transition applied to the `::backdrop` pseudo-element (e.g. `opacity 0.3s ease`). (default: `opacity 0.3s ease`)
  * 
  * ## CSS Parts
  * 
  * Custom selectors for styling elements within the component.
  * 
  * - `close-button`: to style the close button.
- * - `drawer-backdrop`: to style the backdrop behind the the content wrapper.
+ * - `drawer-backdrop`: DEPRECATED - To migrate to the token approach, set `display: none` on this part and use the `--auro-drawer-backdrop-*` CSS custom properties instead.
  * - `drawer-content`: to style the container of the drawer content.
  * - `drawer-footer`: to style the footer.
  * - `drawer-header`: to style the header.
@@ -168,7 +183,14 @@ When expanded, the drawer will automatically display in fullscreen mode if the s
   }
 
 export type CustomCssProperties = {
-
+  /** Background of the `::backdrop` pseudo-element. In modal/backdrop mode the component sets this to the design-system scrim token; consumers can override it. */
+  "--auro-drawer-backdrop-background"?: string;
+  /** `backdrop-filter` applied to the `::backdrop` pseudo-element (e.g. `blur(4px)`). */
+  "--auro-drawer-backdrop-filter"?: string;
+  /** Opacity of the `::backdrop` pseudo-element. */
+  "--auro-drawer-backdrop-opacity"?: string;
+  /** Transition applied to the `::backdrop` pseudo-element (e.g. `opacity 0.3s ease`). */
+  "--auro-drawer-backdrop-transition"?: string;
 }
 
 

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroDrawer}from"./auro-drawer-DO1aEUoF.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
+export{A as AuroDrawer}from"./auro-drawer-BRt5A0fM.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i}from"./auro-drawer-DO1aEUoF.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
+import{A as i}from"./auro-drawer-BRt5A0fM.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-drawer",
-  "version": "0.0.0-pr131.1",
+  "version": "0.0.0-pr131.11",
   "description": "auro-drawer HTML custom element",
   "repository": {
     "type": "git",
@@ -24,13 +24,13 @@
     "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@aurodesignsystem/auro-button": "^12.3.0",
-    "@aurodesignsystem/auro-cli": "^3.5.0",
+    "@aurodesignsystem/auro-button": "^12.3.2",
+    "@aurodesignsystem/auro-cli": "^3.7.1",
     "@aurodesignsystem/auro-config": "^1.3.1",
-    "@aurodesignsystem/auro-icon": "^9.1.1",
-    "@aurodesignsystem/auro-library": "^5.5.4",
-    "@aurodesignsystem/design-tokens": "^8.7.0",
-    "@aurodesignsystem/webcorestylesheets": "^10.1.4",
+    "@aurodesignsystem/auro-icon": "^9.2.0",
+    "@aurodesignsystem/auro-library": "^5.13.1",
+    "@aurodesignsystem/design-tokens": "^9.0.0",
+    "@aurodesignsystem/webcorestylesheets": "^11.1.3",
     "@web/test-runner-commands": "^0.9.0",
     "baseline-browser-mapping": "^2.10.0",
     "husky": "^9.1.7"