@nordhealth/components 1.1.2 → 1.2.0

package/lib/src/popout/Popout.d.ts

@@ -10,8 +10,6 @@ export default class Popout extends LitElement {
     static styles: import("lit").CSSResult[];
     private targetElement;
     private cleanupAutoUpdate?;
-    private breakpoint;
-    private viewportObserver;
     /**
      * Handle dismissal of the popout, clicking outside the target button and popout.
      */
@@ -69,6 +67,11 @@ export default class Popout extends LitElement {
      */
     private toggleOpen;
     private getToggle;
+    /**
+     * Update the smallViewport flag to switch between "sheet" and "floating".
+     * autoUpdate is needed when a viewport gets larger and the popout is open.
+     */
+    private handleMediaQueryChange;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/lib/src/stack/Stack.d.ts

@@ -22,9 +22,8 @@ export default class Stack extends LitElement {
      */
     alignItems?: "center" | "start" | "end" | "stretch";
     /**
-     * Enable or disable responsive behaviour of the stack component.
-     * Setting this option "true" makes sure that contents are
-     * stacked vertically on mobile (768px and under).
+     * This property is deprecated and will be removed in a future version. We recommend using standard [CSS media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries) over this property. Please see the [updated usage example](/components/stack/?example=using+responsive+media+query).
+     * @deprecated
      */
     responsive: boolean;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -168,5 +168,5 @@
       }
     ]
   },
-  "gitHead": "351bea008a4cb566cfa89494f42fbfb6b00d09b2"
+  "gitHead": "5a3f365f5a37e9e402ab0fc6b6dd3ac56feb2721"
 }