@nordhealth/components 1.7.0 → 1.8.0

package/lib/src/dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@ import "../popout/Popout.js";
  * a user. Dropdown uses popout component internally to create
  * the overlay functionality.
  *
- * @status new
+ * @status ready
  * @category action
  * @slot - The dropdown content.
  * @slot toggle - Used to place the toggle for dropdown.

package/lib/src/dropdown-group/DropdownGroup.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from "lit";
  * Dropdown group includes all the actions or items in a single dropdown
  * group and is used for grouping items into related categories.
  *
- * @status new
+ * @status ready
  * @category action
  * @slot - The dropdown group content.
  */

package/lib/src/dropdown-item/DropdownItem.d.ts

@@ -5,7 +5,7 @@ declare const DropdownItem_base: (new (...args: any[]) => import("../common/mixi
  * placed either inside a dropdown group or directly inside a
  * dropdown component.
  *
- * @status new
+ * @status ready
  * @category action
  * @slot - The dropdown item content.
  * @slot start - Used to place content before dropdown item text. Typically used for icons.

package/lib/src/empty-state/EmptyState.d.ts

@@ -4,7 +4,7 @@ import { LitElement } from "lit";
  * describe what the user can do next. Empty state provides
  * explanation and guidance to help user progress.
  *
- * @status new
+ * @status ready
  * @category feedback
  * @slot - default slot
  */

package/lib/src/layout/Layout.d.ts

@@ -31,6 +31,11 @@ export default class Layout extends LitElement {
      * ID reference of element used to toggle the navigation.
      */
     navToggle?: string;
+    /**
+     * Controls the padding of the default main section slot. When set to “none”,
+     * the nav and header slots will still have padding.
+     */
+    padding: "m" | "none";
     private lightDismiss;
     private mq;
     private direction;

package/lib/src/layout/Layout.test.d.ts

@@ -16,3 +16,6 @@ import "../popout/Popout.js";
 import "../dropdown/Dropdown.js";
 import "../dropdown-group/DropdownGroup.js";
 import "../dropdown-item/DropdownItem.js";
+import "../tab/Tab.js";
+import "../tab-panel/TabPanel.js";
+import "../tab-group/TabGroup.js";

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

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 /**
  * Popouts are small overlays that open on demand. They let users access additional content and actions without cluttering the page.
  *
- * @status new
+ * @status ready
  * @category overlay
  * @slot - The popout content.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,6 +25,7 @@
     "format": "eslint --ext .ts,.js,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "docker-compose run --rm -e INCLUDE_VISUAL_REGRESSION test",
     "test:watch": "docker-compose run --rm -e INCLUDE_VISUAL_REGRESSION test --watch",
+    "test:capture": "INCLUDE_VISUAL_REGRESSION=true npm test -- --update-visual-baseline",
     "test:local": "wtr --coverage --watch",
     "analyze": "custom-elements-manifest analyze --litelement",
     "scaffold": "node ./utils/scaffold.mjs"
@@ -37,10 +38,10 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.6.3",
-    "@nordhealth/css": "^1.3.1",
+    "@nordhealth/css": "^1.3.2",
     "@nordhealth/fonts": "^2.0.14",
-    "@nordhealth/themes": "^6.2.0",
-    "@nordhealth/tokens": "^5.2.0",
+    "@nordhealth/themes": "^6.2.1",
+    "@nordhealth/tokens": "^5.2.1",
     "@open-wc/eslint-config": "7.0.0",
     "@open-wc/testing": "3.1.5",
     "@rollup/plugin-node-resolve": "13.3.0",
@@ -177,5 +178,5 @@
       }
     ]
   },
-  "gitHead": "b80c323b513a243b95ca4f57ee3e1fb50cfa6b38"
+  "gitHead": "0335d266a8f27fd17de10c59272aaa46c9322eda"
 }