@nvidia-elements/core 2.11.2 → 2.12.0

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/button-group/button-group2.js

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.11.2",
+			version: "2.12.0",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-card"]
 		};
 	}

package/dist/chat-message/chat-message2.js

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.11.2",
+			version: "2.12.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.11.2",
+			version: "2.12.0",
 			children: [
 				"label",
 				"input",

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/copy-button/copy-button2.js

@@ -32,7 +32,7 @@ var p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/custom-elements-jsx.d.ts

@@ -4039,6 +4039,8 @@ export type ViewportGridlinesProps = {
   "origin-y"?: number;
   /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
   "target-spacing"?: number;
+  /** Grid pattern to render. */
+  pattern?: "lines" | "dots" | "crosses";
   /** Smallest gridline interval in content-space units. */
   step?: number;
   /** Content-space x coordinate of the grid origin. */
@@ -6758,13 +6760,15 @@ export type CustomElements = {
   "nve-tree": Partial<TreeProps & BaseProps & BaseEvents>;
 
   /**
-   * Renders origin-stable, zoom-adaptive gridlines behind viewport content.
+   * Renders origin-stable, zoom-adaptive gridline patterns behind viewport content.
    * ---
    *
    *
    * ### **CSS Properties:**
-   *  - **--color** - Sets the gridline stroke color. _(default: undefined)_
+   *  - **--color** - Sets the gridline pattern color. _(default: undefined)_
    * - **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_
+   * - **--dot-radius** - Sets the approximate dot radius in CSS pixels. _(default: undefined)_
+   * - **--cross-size** - Sets the approximate full width and height of each cross in CSS pixels. _(default: undefined)_
    */
   "nve-viewport-gridlines": Partial<ViewportGridlinesProps & BaseProps & BaseEvents>;
 

package/dist/custom-elements-vue.d.ts

@@ -3799,6 +3799,8 @@ type ViewportGridlinesProps = {
   "origin-y"?: number;
   /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
   "target-spacing"?: number;
+  /** Grid pattern to render. */
+  pattern?: "lines" | "dots" | "crosses";
   /** Smallest gridline interval in content-space units. */
   step?: number;
   /** Content-space x coordinate of the grid origin. */
@@ -6512,13 +6514,15 @@ export type CustomElements = {
   "nve-tree": DefineComponent<TreeProps>;
 
   /**
-   * Renders origin-stable, zoom-adaptive gridlines behind viewport content.
+   * Renders origin-stable, zoom-adaptive gridline patterns behind viewport content.
    * ---
    *
    *
    * ### **CSS Properties:**
-   *  - **--color** - Sets the gridline stroke color. _(default: undefined)_
+   *  - **--color** - Sets the gridline pattern color. _(default: undefined)_
    * - **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_
+   * - **--dot-radius** - Sets the approximate dot radius in CSS pixels. _(default: undefined)_
+   * - **--cross-size** - Sets the approximate full width and height of each cross in CSS pixels. _(default: undefined)_
    */
   "nve-viewport-gridlines": DefineComponent<ViewportGridlinesProps>;
 

package/dist/custom-elements.json

@@ -52924,19 +52924,53 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders origin-stable, zoom-adaptive gridlines behind viewport content.",
+          "description": "Renders origin-stable, zoom-adaptive gridline patterns behind viewport content.",
           "name": "ViewportGridlines",
           "cssProperties": [
             {
-              "description": "Sets the gridline stroke color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",
+              "description": "Sets the gridline pattern color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",
               "name": "--color"
             },
             {
               "description": "Sets the approximate stroke width in CSS pixels.",
               "name": "--line-width"
+            },
+            {
+              "description": "Sets the approximate dot radius in CSS pixels.",
+              "name": "--dot-radius"
+            },
+            {
+              "description": "Sets the approximate full width and height of each cross in CSS pixels.",
+              "name": "--cross-size"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "'lines' | 'dots' | 'crosses'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "lines",
+                    "description": ""
+                  },
+                  {
+                    "value": "dots",
+                    "description": ""
+                  },
+                  {
+                    "value": "crosses",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'lines'",
+              "description": "Grid pattern to render.",
+              "attribute": "pattern",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "step",
@@ -53007,6 +53041,30 @@
             }
           ],
           "attributes": [
+            {
+              "name": "pattern",
+              "type": {
+                "text": "'lines' | 'dots' | 'crosses'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "lines",
+                    "description": ""
+                  },
+                  {
+                    "value": "dots",
+                    "description": ""
+                  },
+                  {
+                    "value": "crosses",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'lines'",
+              "description": "Grid pattern to render.",
+              "fieldName": "pattern"
+            },
             {
               "name": "step",
               "type": {
@@ -53090,7 +53148,7 @@
             "since": "0.0.0",
             "status": "beta",
             "behavior": "content",
-            "markdown": "## nve-viewport-gridlines\n\nRenders origin-stable, zoom-adaptive gridlines behind viewport content.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/viewport/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| originX (origin-x) | `number` | Content-space x coordinate of the grid origin. |\n| originY (origin-y) | `number` | Content-space y coordinate of the grid origin. |\n| step | `number` | Smallest gridline interval in content-space units. |\n| targetSpacing (target-spacing) | `number` | Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | Sets the gridline stroke color. [MDN](https://mdn.dev/CSS/color) |\n| --line-width | `string` | Sets the approximate stroke width in CSS pixels. |"
+            "markdown": "## nve-viewport-gridlines\n\nRenders origin-stable, zoom-adaptive gridline patterns behind viewport content.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/viewport/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| originX (origin-x) | `number` | Content-space x coordinate of the grid origin. |\n| originY (origin-y) | `number` | Content-space y coordinate of the grid origin. |\n| pattern | `'lines' \\| 'dots' \\| 'crosses'` | Grid pattern to render. |\n| step | `number` | Smallest gridline interval in content-space units. |\n| targetSpacing (target-spacing) | `number` | Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | Sets the gridline pattern color. [MDN](https://mdn.dev/CSS/color) |\n| --cross-size | `string` | Sets the approximate full width and height of each cross in CSS pixels. |\n| --dot-radius | `string` | Sets the approximate dot radius in CSS pixels. |\n| --line-width | `string` | Sets the approximate stroke width in CSS pixels. |"
           }
         }
       ],

package/dist/data.html.json

@@ -5758,8 +5758,17 @@
     },
     {
       "name": "nve-viewport-gridlines",
-      "description": "Renders origin-stable, zoom-adaptive gridlines behind viewport content.\n---\n\n\n### **CSS Properties:**\n - **--color** - Sets the gridline stroke color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_",
+      "description": "Renders origin-stable, zoom-adaptive gridline patterns behind viewport content.\n---\n\n\n### **CSS Properties:**\n - **--color** - Sets the gridline pattern color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_\n- **--dot-radius** - Sets the approximate dot radius in CSS pixels. _(default: undefined)_\n- **--cross-size** - Sets the approximate full width and height of each cross in CSS pixels. _(default: undefined)_",
       "attributes": [
+        {
+          "name": "pattern",
+          "description": "Grid pattern to render.",
+          "values": [
+            { "name": "lines" },
+            { "name": "dots" },
+            { "name": "crosses" }
+          ]
+        },
         {
           "name": "step",
           "description": "Smallest gridline interval in content-space units.",

package/dist/data.snippets.json

@@ -71,24 +71,6 @@
     "description": "Basic inline search",
     "body": "<nve-search>\n  <input type=\"search\" aria-label=\"${2:search}\" placeholder=\"${3:search}\">\n</nve-search>\n"
   },
-  "Page Header": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
-  },
-  "Page Header with Links": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header-with-links"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout with links.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
-  },
   "Page": {
     "srcFile": "page.snippets.html",
     "prefix": [
@@ -134,6 +116,24 @@
     "description": "Basic page subheader using toolbar.",
     "body": "<nve-toolbar slot=\"subheader\">\n  <h2 nve-text=\"emphasis heading sm\">${1:Subheader}</h2>\n</nve-toolbar>\n"
   },
+  "Page Header": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
+  },
+  "Page Header with Links": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header-with-links"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout with links.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
+  },
   "Input Group": {
     "srcFile": "input.snippets.html",
     "prefix": [

package/dist/date/date2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/datetime/datetime2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/dialog/dialog-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/divider/divider2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.11.2",
+			version: "2.12.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.11.2",
+			version: "2.12.0",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends m(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.11.2",
+			version: "2.12.0",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes2.js

@@ -95,7 +95,7 @@ var g = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -29,7 +29,7 @@ var c = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -53,7 +53,7 @@ var c = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -48,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/gauge/gauge2.js

@@ -40,7 +40,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	#e;

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -13,7 +13,7 @@ var c = class r extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	get #e() {

package/dist/grid/footer/footer2.js

@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "2.11.2"
+			version: "2.12.0"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -23,7 +23,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "2.11.2",
+			version: "2.12.0",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,