@nvidia-elements/core 2.8.0 → 2.8.1

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.
Files changed (156) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/accordion/accordion.examples.json +9 -9
  3. package/dist/accordion/accordion2.js +4 -4
  4. package/dist/alert/alert-group2.js +1 -1
  5. package/dist/alert/alert.examples.json +3 -3
  6. package/dist/alert/alert2.js +1 -1
  7. package/dist/avatar/avatar-group2.js +1 -1
  8. package/dist/avatar/avatar2.js +1 -1
  9. package/dist/badge/badge.examples.json +2 -2
  10. package/dist/badge/badge2.js +1 -1
  11. package/dist/breadcrumb/breadcrumb.examples.json +1 -1
  12. package/dist/breadcrumb/breadcrumb2.js +1 -1
  13. package/dist/bundles/index.d.ts +6 -0
  14. package/dist/bundles/index.js +1 -1
  15. package/dist/button/button.examples.json +3 -3
  16. package/dist/button/button2.js +1 -1
  17. package/dist/button-group/button-group2.js +1 -1
  18. package/dist/card/card.examples.json +2 -2
  19. package/dist/card/card2.js +4 -4
  20. package/dist/chat-message/chat-message.examples.json +4 -4
  21. package/dist/chat-message/chat-message2.js +1 -1
  22. package/dist/checkbox/checkbox-group2.js +1 -1
  23. package/dist/checkbox/checkbox2.js +1 -1
  24. package/dist/color/color2.js +1 -1
  25. package/dist/combobox/combobox.examples.json +5 -5
  26. package/dist/combobox/combobox2.js +1 -1
  27. package/dist/copy-button/copy-button.examples.json +2 -2
  28. package/dist/copy-button/copy-button2.js +1 -1
  29. package/dist/custom-elements-jsx.d.ts +3 -1
  30. package/dist/custom-elements-vue.d.ts +3 -1
  31. package/dist/custom-elements.json +41 -33
  32. package/dist/data.html.json +1 -1
  33. package/dist/date/date2.js +1 -1
  34. package/dist/datetime/datetime2.js +1 -1
  35. package/dist/dialog/dialog-footer2.js +1 -1
  36. package/dist/dialog/dialog-header2.js +1 -1
  37. package/dist/dialog/dialog.examples.json +3 -3
  38. package/dist/dialog/dialog2.js +1 -1
  39. package/dist/divider/divider.examples.json +1 -1
  40. package/dist/divider/divider2.js +1 -1
  41. package/dist/dot/dot2.js +1 -1
  42. package/dist/drawer/drawer-content2.js +1 -1
  43. package/dist/drawer/drawer-footer2.js +1 -1
  44. package/dist/drawer/drawer-header2.js +1 -1
  45. package/dist/drawer/drawer2.js +1 -1
  46. package/dist/dropdown/dropdown-footer2.js +1 -1
  47. package/dist/dropdown/dropdown-header2.js +1 -1
  48. package/dist/dropdown/dropdown2.js +1 -1
  49. package/dist/dropdown-group/dropdown-group.examples.json +4 -4
  50. package/dist/dropdown-group/dropdown-group.js +1 -1
  51. package/dist/dropzone/dropzone.examples.json +1 -1
  52. package/dist/dropzone/dropzone2.js +1 -1
  53. package/dist/file/file2.js +1 -1
  54. package/dist/format-bytes/format-bytes2.js +1 -1
  55. package/dist/format-datetime/format-datetime.examples.json +3 -3
  56. package/dist/format-datetime/format-datetime2.js +1 -1
  57. package/dist/format-number/format-number2.js +1 -1
  58. package/dist/format-relative-time/format-relative-time2.js +1 -1
  59. package/dist/format-truncate/format-truncate.examples.json +4 -4
  60. package/dist/format-truncate/format-truncate2.js +1 -1
  61. package/dist/forms/actions.examples.json +1 -1
  62. package/dist/forms/control/control.examples.json +1 -1
  63. package/dist/forms/control/control2.js +1 -1
  64. package/dist/forms/control-group/control-group2.js +1 -1
  65. package/dist/forms/control-message/control-message2.js +1 -1
  66. package/dist/gauge/gauge.examples.json +2 -2
  67. package/dist/gauge/gauge2.js +1 -1
  68. package/dist/grid/cell/cell2.js +1 -1
  69. package/dist/grid/column/column2.js +1 -1
  70. package/dist/grid/footer/footer2.js +1 -1
  71. package/dist/grid/grid.examples.js.map +1 -1
  72. package/dist/grid/grid.examples.json +34 -34
  73. package/dist/grid/grid2.js +1 -1
  74. package/dist/grid/header/header2.js +1 -1
  75. package/dist/grid/placeholder/placeholder2.js +1 -1
  76. package/dist/grid/row/row2.js +1 -1
  77. package/dist/icon/icon2.js +2 -2
  78. package/dist/icon-button/icon-button2.js +1 -1
  79. package/dist/index.js +1 -1
  80. package/dist/input/input-group2.js +1 -1
  81. package/dist/input/input2.js +1 -1
  82. package/dist/internal/controllers/keynav-grid.controller.examples.json +1 -1
  83. package/dist/internal/controllers/keynav-list.controller.examples.json +1 -1
  84. package/dist/internal/controllers/popover.examples.json +2 -2
  85. package/dist/internal/services/global.service.js +1 -1
  86. package/dist/logo/logo.examples.json +1 -1
  87. package/dist/logo/logo2.js +1 -1
  88. package/dist/menu/menu-item2.js +1 -1
  89. package/dist/menu/menu.examples.js.map +1 -1
  90. package/dist/menu/menu.examples.json +4 -4
  91. package/dist/menu/menu2.js +1 -1
  92. package/dist/month/month2.js +1 -1
  93. package/dist/notification/notification-group2.js +1 -1
  94. package/dist/notification/notification.examples.json +3 -3
  95. package/dist/notification/notification2.js +1 -1
  96. package/dist/page/page-panel/page-panel-content2.js +1 -1
  97. package/dist/page/page-panel/page-panel-footer2.js +1 -1
  98. package/dist/page/page-panel/page-panel-header2.js +1 -1
  99. package/dist/page/page-panel/page-panel2.js +1 -1
  100. package/dist/page/page.examples.json +10 -10
  101. package/dist/page/page2.js +1 -1
  102. package/dist/page-header/page-header.examples.json +1 -1
  103. package/dist/page-header/page-header2.js +1 -1
  104. package/dist/page-loader/page-loader2.js +1 -1
  105. package/dist/pagination/pagination.examples.json +6 -6
  106. package/dist/pagination/pagination2.js +1 -1
  107. package/dist/panel/panel2.js +4 -4
  108. package/dist/password/password2.js +1 -1
  109. package/dist/preferences-input/preferences-input.examples.json +1 -1
  110. package/dist/preferences-input/preferences-input2.js +1 -1
  111. package/dist/progress-bar/progress-bar.examples.json +1 -1
  112. package/dist/progress-bar/progress-bar2.js +1 -1
  113. package/dist/progress-ring/progress-ring2.js +1 -1
  114. package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
  115. package/dist/pulse/pulse2.js +1 -1
  116. package/dist/radio/radio-group2.js +1 -1
  117. package/dist/radio/radio2.js +1 -1
  118. package/dist/range/range.examples.json +1 -1
  119. package/dist/range/range2.js +1 -1
  120. package/dist/resize-handle/resize-handle.examples.json +4 -4
  121. package/dist/resize-handle/resize-handle2.js +1 -1
  122. package/dist/search/search2.js +1 -1
  123. package/dist/select/select2.js +1 -1
  124. package/dist/skeleton/skeleton2.js +1 -1
  125. package/dist/sort-button/sort-button2.js +1 -1
  126. package/dist/sparkline/sparkline.examples.json +2 -2
  127. package/dist/sparkline/sparkline2.js +1 -1
  128. package/dist/star-rating/star-rating2.js +1 -1
  129. package/dist/steps/steps2.js +2 -2
  130. package/dist/switch/switch-group2.js +1 -1
  131. package/dist/switch/switch2.js +1 -1
  132. package/dist/tabs/tabs-group2.js +1 -1
  133. package/dist/tabs/tabs.examples.json +4 -4
  134. package/dist/tabs/tabs2.js +2 -2
  135. package/dist/tag/tag.examples.json +1 -1
  136. package/dist/tag/tag2.js +1 -1
  137. package/dist/textarea/textarea.d.ts +7 -1
  138. package/dist/textarea/textarea.examples.js.map +1 -1
  139. package/dist/textarea/textarea.examples.json +22 -0
  140. package/dist/textarea/textarea.js +1 -1
  141. package/dist/textarea/textarea.js.map +1 -1
  142. package/dist/textarea/textarea2.js +10 -3
  143. package/dist/textarea/textarea2.js.map +1 -1
  144. package/dist/time/time2.js +1 -1
  145. package/dist/toast/toast.examples.json +1 -1
  146. package/dist/toast/toast2.js +1 -1
  147. package/dist/toggletip/toggletip-footer2.js +1 -1
  148. package/dist/toggletip/toggletip-header2.js +1 -1
  149. package/dist/toggletip/toggletip2.js +1 -1
  150. package/dist/toolbar/toolbar2.js +1 -1
  151. package/dist/tooltip/tooltip.examples.json +2 -2
  152. package/dist/tooltip/tooltip2.js +1 -1
  153. package/dist/tree/tree-node2.js +1 -1
  154. package/dist/tree/tree2.js +1 -1
  155. package/dist/week/week2.js +1 -1
  156. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## [2.8.1](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.8.0...@nvidia-elements/core-v2.8.1) (2026-09-23)
2
+
3
+ ### Features
4
+
5
+ * **lint:** improve slotted element checks ([0e1985d](https://github.com/NVIDIA/elements/commit/0e1985deb9edba09cbcbd9eec121e445d3559624))
6
+
7
+ ### Bug Fixes
8
+
9
+ * **cli:** update @inquirer/prompts to 8.7.2 ([b6984b5](https://github.com/NVIDIA/elements/commit/b6984b58a80a666b7a83aac1e109337e90c469d1))
10
+ * **core:** textarea slots ([0f8fb33](https://github.com/NVIDIA/elements/commit/0f8fb33a38c60a08aaf37e774a92338cf5416401))
11
+ * **lint:** skip generated eleventy vite directories in eslint ([92e5d50](https://github.com/NVIDIA/elements/commit/92e5d506fe0a951c354641a1aad2b1a9dd75a212))
12
+
1
13
  ## [2.8.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.7.3...@nvidia-elements/core-v2.8.0) (2026-09-19)
2
14
 
3
15
  ### Features
package/dist/accordion/accordion.examples.json CHANGED
@@ -5,7 +5,7 @@
5
5
  {
6
6
  "id": "accordion",
7
7
  "name": "Default",
8
- "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n</nve-accordion-group>\n",
8
+ "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n",
9
9
  "summary": "Basic accordion component for collapsible content sections. Use accordions to progressively disclose information, helping users focus on relevant content while keeping the interface compact and scannable.",
10
10
  "description": "",
11
11
  "composition": false,
@@ -14,7 +14,7 @@
14
14
  {
15
15
  "id": "accordion-disabled",
16
16
  "name": "Disabled",
17
- "template": "<nve-accordion behavior-expand disabled>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Admin Settings</h2>\n <p nve-text=\"body\">Requires administrator access</p>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n</nve-accordion>\n",
17
+ "template": "<nve-accordion behavior-expand disabled>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Admin Settings</h2>\n <p nve-text=\"body\">Requires administrator access</p>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n</nve-accordion>\n",
18
18
  "summary": "Disabled accordion state for read-only content display. Use when accordion sections are temporarily unavailable or conditionally accessible based on user permissions, providing visual feedback about inaccessible content.",
19
19
  "description": "",
20
20
  "composition": false,
@@ -23,7 +23,7 @@
23
23
  {
24
24
  "id": "accordion-container",
25
25
  "name": "Container",
26
- "template": "<div nve-layout=\"column gap:md\">\n <nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n </nve-accordion-group>\n <nve-accordion-group container=\"inset\" behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n </nve-accordion-group>\n <nve-accordion-group container=\"flat\" behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n </nve-accordion-group>\n</div>\n",
26
+ "template": "<div nve-layout=\"column gap:md\">\n <nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n </nve-accordion-group>\n <nve-accordion-group container=\"inset\" behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n </nve-accordion-group>\n <nve-accordion-group container=\"flat\" behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">General</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n </nve-accordion-group>\n</div>\n",
27
27
  "summary": "Accordion container variants for different visual emphasis levels. Use default for standard sections, inset for elevated content within cards, and flat for minimal visual weight in dense layouts or sidebars.",
28
28
  "description": "",
29
29
  "composition": false,
@@ -32,7 +32,7 @@
32
32
  {
33
33
  "id": "accordion-animated",
34
34
  "name": "Animated",
35
- "template": "<nve-accordion behavior-expand style=\"--transition: height 0.3s ease-in-out\">\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Release Notes</h2>\n <p nve-text=\"body\">Version 3.2.0</p>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n</nve-accordion>\n",
35
+ "template": "<nve-accordion behavior-expand style=\"--transition: height 0.3s ease-in-out\">\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Release Notes</h2>\n <p nve-text=\"body\">Version 3.2.0</p>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n</nve-accordion>\n",
36
36
  "summary": "Accordion with custom CSS transitions for enhanced visual feedback during state changes. Use animated accordions to provide smoother, more polished interactions, particularly in content-heavy interfaces where transitions help users track what changed.",
37
37
  "description": "",
38
38
  "composition": false,
@@ -43,7 +43,7 @@
43
43
  {
44
44
  "id": "accordion-behavior-expand-single",
45
45
  "name": "BehaviorExpandSingle",
46
- "template": "<nve-accordion-group behavior-expand-single>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Security</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n</nve-accordion-group>\n",
46
+ "template": "<nve-accordion-group behavior-expand-single>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Security</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n",
47
47
  "summary": "Accordion group allowing only one section expanded at a time, automatically closing others. Use single-expand behavior when content sections are mutually exclusive or when you want to maintain compact vertical space by limiting expanded content to one section.",
48
48
  "description": "",
49
49
  "composition": false,
@@ -52,7 +52,7 @@
52
52
  {
53
53
  "id": "accordion-custom-icon-button",
54
54
  "name": "CustomIconButton",
55
- "template": "<nve-accordion id=\"custom-icon-button-accordion\">\n <nve-icon-button slot=\"icon-button\" icon-name=\"add\" size=\"sm\" container=\"flat\"></nve-icon-button>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Additional Resources</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n</nve-accordion>\n<script type=\"module\">\n const accordion = document.querySelector(\"#custom-icon-button-accordion\");\n const accordionHeader = accordion.querySelector(\"nve-accordion-header\");\n const iconButton = accordion.querySelector(\"nve-icon-button\");\n accordionHeader.addEventListener(\"click\", () => toggle());\n iconButton.addEventListener(\"click\", () => toggle());\n function toggle() {\n accordion.expanded = !accordion.expanded;\n iconButton.iconName = accordion.expanded ? \"minus\" : \"add\";\n }\n</script>\n",
55
+ "template": "<nve-accordion id=\"custom-icon-button-accordion\">\n <nve-icon-button slot=\"icon-button\" icon-name=\"add\" size=\"sm\" container=\"flat\"></nve-icon-button>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Additional Resources</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n</nve-accordion>\n<script type=\"module\">\n const accordion = document.querySelector(\"#custom-icon-button-accordion\");\n const accordionHeader = accordion.querySelector(\"nve-accordion-header\");\n const iconButton = accordion.querySelector(\"nve-icon-button\");\n accordionHeader.addEventListener(\"click\", () => toggle());\n iconButton.addEventListener(\"click\", () => toggle());\n function toggle() {\n accordion.expanded = !accordion.expanded;\n iconButton.iconName = accordion.expanded ? \"minus\" : \"add\";\n }\n</script>\n",
56
56
  "summary": "Accordion with custom icon button that changes based on state. Use custom icons to provide more semantic indicators (e.g., plus/minus for add/remove patterns, chevron for expand/collapse).",
57
57
  "description": "",
58
58
  "composition": false,
@@ -63,7 +63,7 @@
63
63
  {
64
64
  "id": "accordion-with-actions",
65
65
  "name": "WithActions",
66
- "template": "<nve-accordion behavior-expand>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Pipeline Configuration</h2>\n <p nve-text=\"body\">Last updated 2 hours ago <nve-button container=\"inline\">view history</nve-button></p>\n <nve-icon-button container=\"flat\" icon-name=\"add\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n <nve-icon-button container=\"flat\" icon-name=\"delete\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n</nve-accordion>\n",
66
+ "template": "<nve-accordion behavior-expand>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Pipeline Configuration</h2>\n <p nve-text=\"body\">Last updated 2 hours ago <nve-button container=\"inline\">view history</nve-button></p>\n <nve-icon-button container=\"flat\" icon-name=\"add\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n <nve-icon-button container=\"flat\" icon-name=\"delete\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n</nve-accordion>\n",
67
67
  "summary": "Accordion with action buttons in header for quick operations without expanding. Perfect for list items where users need both to view details and perform actions like edit, delete, or add, keeping common actions immediately accessible.",
68
68
  "description": "",
69
69
  "composition": true,
@@ -83,7 +83,7 @@
83
83
  {
84
84
  "id": "accordion-single",
85
85
  "name": "Single",
86
- "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Appearance</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n</nve-accordion-group>\n",
86
+ "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Appearance</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n",
87
87
  "summary": "Basic accordion component for collapsible content sections with expand/collapse functionality.",
88
88
  "description": "",
89
89
  "composition": false,
@@ -94,7 +94,7 @@
94
94
  {
95
95
  "id": "accordion-multiple",
96
96
  "name": "Multiple",
97
- "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Privacy</h2>\n </nve-accordion-header>\n <nve-accordion-content\n >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n >\n </nve-accordion>\n</nve-accordion-group>\n",
97
+ "template": "<nve-accordion-group behavior-expand>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Account Settings</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n <nve-accordion>\n <nve-accordion-header>\n <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Privacy</h2>\n </nve-accordion-header>\n <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n",
98
98
  "summary": "Brings together many accordion components for embedded multi-section content organization.",
99
99
  "description": "",
100
100
  "composition": false,
package/dist/accordion/accordion2.js CHANGED
@@ -28,7 +28,7 @@ var b = class extends g {
28
28
  static {
29
29
  this.metadata = {
30
30
  tag: "nve-accordion-header",
31
- version: "2.8.0"
31
+ version: "2.8.1"
32
32
  };
33
33
  }
34
34
  render() {
@@ -46,7 +46,7 @@ var x = class extends g {
46
46
  static {
47
47
  this.metadata = {
48
48
  tag: "nve-accordion-content",
49
- version: "2.8.0"
49
+ version: "2.8.1"
50
50
  };
51
51
  }
52
52
  render() {
@@ -62,7 +62,7 @@ var x = class extends g {
62
62
  static {
63
63
  this.metadata = {
64
64
  tag: "nve-accordion",
65
- version: "2.8.0",
65
+ version: "2.8.1",
66
66
  children: [
67
67
  b.metadata.tag,
68
68
  x.metadata.tag,
@@ -120,7 +120,7 @@ var C = class extends g {
120
120
  static {
121
121
  this.metadata = {
122
122
  tag: "nve-accordion-group",
123
- version: "2.8.0",
123
+ version: "2.8.1",
124
124
  children: [S.metadata.tag]
125
125
  };
126
126
  }
package/dist/alert/alert-group2.js CHANGED
@@ -19,7 +19,7 @@ var f = class extends c {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-alert-group",
22
- version: "2.8.0",
22
+ version: "2.8.1",
23
23
  children: [o.metadata.tag]
24
24
  };
25
25
  }
package/dist/alert/alert.examples.json CHANGED
@@ -54,7 +54,7 @@
54
54
  {
55
55
  "id": "alert-invoker-command",
56
56
  "name": "InvokerCommand",
57
- "template": "<nve-alert-group>\n <nve-alert id=\"alert-1\">\n Alert Notification Message 1\n <nve-icon-button\n commandfor=\"alert-1\"\n command=\"--close\"\n slot=\"actions\"\n container=\"flat\"\n icon-name=\"cancel\"\n size=\"sm\"\n aria-label=\"close\"\n ></nve-icon-button>\n </nve-alert>\n <nve-alert id=\"alert-2\">\n Alert Notification Message 2\n <nve-icon-button\n commandfor=\"alert-2\"\n command=\"--close\"\n slot=\"actions\"\n container=\"flat\"\n icon-name=\"cancel\"\n size=\"sm\"\n aria-label=\"close\"\n ></nve-icon-button>\n </nve-alert>\n</nve-alert-group>\n",
57
+ "template": "<nve-alert-group>\n <nve-alert id=\"alert-1\">\n Alert Notification Message 1\n <nve-icon-button commandfor=\"alert-1\" command=\"--close\" slot=\"actions\" container=\"flat\" icon-name=\"cancel\" size=\"sm\" aria-label=\"close\"></nve-icon-button>\n </nve-alert>\n <nve-alert id=\"alert-2\">\n Alert Notification Message 2\n <nve-icon-button commandfor=\"alert-2\" command=\"--close\" slot=\"actions\" container=\"flat\" icon-name=\"cancel\" size=\"sm\" aria-label=\"close\"></nve-icon-button>\n </nve-alert>\n</nve-alert-group>\n",
58
58
  "summary": "Dismissible alerts using the Invoker Command API for declarative close behavior. Use `commandfor` and `command=\"--close\"` on action buttons to dismiss individual alerts without custom JavaScript event handling.",
59
59
  "description": "",
60
60
  "composition": false,
@@ -81,7 +81,7 @@
81
81
  {
82
82
  "id": "alert-prominence",
83
83
  "name": "Prominence",
84
- "template": "<nve-page document-scroll>\n <nve-alert-group slot=\"header\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable\n ><span slot=\"prefix\">Standard</span> banner message\n <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n >\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"accent\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable\n ><span slot=\"prefix\">Accent</span> banner message\n <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n >\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"warning\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable\n ><span slot=\"prefix\">Warning</span> banner message\n <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n >\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"success\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable\n ><span slot=\"prefix\">Success</span> banner message\n <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n >\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"danger\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable\n ><span slot=\"prefix\">Danger</span> banner message\n <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert\n >\n </nve-alert-group>\n</nve-page>\n",
84
+ "template": "<nve-page document-scroll>\n <nve-alert-group slot=\"header\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable><span slot=\"prefix\">Standard</span> banner message <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert>\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"accent\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable><span slot=\"prefix\">Accent</span> banner message <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert>\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"warning\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable><span slot=\"prefix\">Warning</span> banner message <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert>\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"success\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable><span slot=\"prefix\">Success</span> banner message <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert>\n </nve-alert-group>\n <nve-alert-group slot=\"header\" status=\"danger\" prominence=\"emphasis\" container=\"full\">\n <nve-alert closable><span slot=\"prefix\">Danger</span> banner message <a href=\"#\" nve-text=\"link\" slot=\"actions\">view details</a></nve-alert>\n </nve-alert-group>\n</nve-page>\n",
85
85
  "summary": "High-prominence alerts with emphasis styling for full-width banners. Use prominence=\"emphasis\" for system-wide announcements like maintenance windows, feature launches, or critical security updates that need max visibility and impact across the entire interface.",
86
86
  "description": "",
87
87
  "composition": false,
@@ -110,7 +110,7 @@
110
110
  {
111
111
  "id": "alert-custom-color-combinations",
112
112
  "name": "CustomColorCombinations",
113
- "template": "<div nve-layout=\"column gap:md\">\n <nve-alert-group color=\"blue-indigo\">\n <nve-alert closable\n >Custom <code nve-text=\"code\">color</code> will theme the <code nve-text=\"code\">closable</code> icon.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"teal-seafoam\">\n <nve-alert>\n Custom <code nve-text=\"code\">color</code> is compatible with <code nve-text=\"code\">actions</code> button.\n <nve-button slot=\"actions\" container=\"flat\">action</nve-button>\n </nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"accent\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n the status icon with custom alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"success\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n the status icon with custom alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"warning\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n the status icon with custom alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"danger\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields\n the status icon with custom alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"accent\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"success\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"warning\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"danger\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and\n <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom alert\n color.</nve-alert\n >\n </nve-alert-group>\n</div>\n",
113
+ "template": "<div nve-layout=\"column gap:md\">\n <nve-alert-group color=\"blue-indigo\">\n <nve-alert closable>Custom <code nve-text=\"code\">color</code> will theme the <code nve-text=\"code\">closable</code> icon.</nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"teal-seafoam\">\n <nve-alert>\n Custom <code nve-text=\"code\">color</code> is compatible with <code nve-text=\"code\">actions</code> button.\n <nve-button slot=\"actions\" container=\"flat\">action</nve-button>\n </nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"accent\">\n <nve-alert>Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields the status icon with custom alert color.</nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"success\">\n <nve-alert>Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields the status icon with custom alert color.</nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"warning\">\n <nve-alert>Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields the status icon with custom alert color.</nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"pink-rose\" status=\"danger\">\n <nve-alert>Combining custom <code nve-text=\"code\">color=\"pink-rose\"</code> with <code nve-text=\"code\">status</code> yields the status icon with custom alert color.</nve-alert>\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"accent\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom\n alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"success\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom\n alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"warning\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom\n alert color.</nve-alert\n >\n </nve-alert-group>\n <nve-alert-group color=\"blue-indigo\" status=\"danger\" prominence=\"emphasis\">\n <nve-alert\n >Combining custom <code nve-text=\"code\">color=\"blue-indigo\"</code> with <code nve-text=\"code\">status</code> and <code nve-text=\"code\">prominence</code> yields the status icon with an <em>emphasized</em> custom\n alert color.</nve-alert\n >\n </nve-alert-group>\n</div>\n",
114
114
  "summary": "Custom color combinations with status icons and prominence for advanced theming. Custom colors interact with status icons and emphasis styling, useful for maintaining brand consistency while preserving semantic meaning through status indicators.",
115
115
  "description": "",
116
116
  "composition": false,
package/dist/alert/alert2.js CHANGED
@@ -28,7 +28,7 @@ var v = class extends m {
28
28
  static {
29
29
  this.metadata = {
30
30
  tag: "nve-alert",
31
- version: "2.8.0"
31
+ version: "2.8.1"
32
32
  };
33
33
  }
34
34
  static {
package/dist/avatar/avatar-group2.js CHANGED
@@ -10,7 +10,7 @@ var a = class extends r {
10
10
  static {
11
11
  this.metadata = {
12
12
  tag: "nve-avatar-group",
13
- version: "2.8.0"
13
+ version: "2.8.1"
14
14
  };
15
15
  }
16
16
  render() {
package/dist/avatar/avatar2.js CHANGED
@@ -11,7 +11,7 @@ var s = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-avatar",
14
- version: "2.8.0"
14
+ version: "2.8.1"
15
15
  };
16
16
  }
17
17
  render() {
package/dist/badge/badge.examples.json CHANGED
@@ -99,7 +99,7 @@
99
99
  {
100
100
  "id": "badge-prominence",
101
101
  "name": "Prominence",
102
- "template": "<div nve-layout=\"row gap:sm align:wrap\">\n <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"\n ><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"teal-seafoam\"\n ><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"yellow-amber\"\n ><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"\n ><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"pink-magenta\"\n ><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"purple-violet\"\n ><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"\n ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n >\n <nve-badge prominence=\"emphasis\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
102
+ "template": "<div nve-layout=\"row gap:sm align:wrap\">\n <nve-badge prominence=\"emphasis\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n <nve-badge prominence=\"emphasis\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
103
103
  "summary": "High emphasis badges with custom colors for important or highlighted content. Use for highlighting critical information.",
104
104
  "description": "",
105
105
  "composition": false,
@@ -108,7 +108,7 @@
108
108
  {
109
109
  "id": "badge-flat",
110
110
  "name": "Flat",
111
- "template": "<div nve-layout=\"row gap:sm align:wrap\">\n <nve-badge container=\"flat\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n <nve-badge container=\"flat\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n <nve-badge container=\"flat\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n <nve-badge container=\"flat\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n <nve-badge container=\"flat\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n <nve-badge container=\"flat\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n <nve-badge container=\"flat\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n <nve-badge container=\"flat\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n <nve-badge container=\"flat\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n <nve-badge container=\"flat\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n <nve-badge container=\"flat\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-lavender\"\n ><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge\n >\n <nve-badge container=\"flat\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n <nve-badge container=\"flat\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n <nve-badge container=\"flat\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n <nve-badge container=\"flat\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n <nve-badge container=\"flat\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
111
+ "template": "<div nve-layout=\"row gap:sm align:wrap\">\n <nve-badge container=\"flat\" color=\"red-cardinal\"><nve-icon name=\"placeholder\"></nve-icon> red-cardinal</nve-badge>\n <nve-badge container=\"flat\" color=\"gray-slate\"><nve-icon name=\"placeholder\"></nve-icon> gray-slate</nve-badge>\n <nve-badge container=\"flat\" color=\"gray-denim\"><nve-icon name=\"placeholder\"></nve-icon> gray-denim</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-indigo\"><nve-icon name=\"placeholder\"></nve-icon> blue-indigo</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-cobalt\"><nve-icon name=\"placeholder\"></nve-icon> blue-cobalt</nve-badge>\n <nve-badge container=\"flat\" color=\"blue-sky\"><nve-icon name=\"placeholder\"></nve-icon> blue-sky</nve-badge>\n <nve-badge container=\"flat\" color=\"teal-cyan\"><nve-icon name=\"placeholder\"></nve-icon> teal-cyan</nve-badge>\n <nve-badge container=\"flat\" color=\"green-mint\"><nve-icon name=\"placeholder\"></nve-icon> green-mint</nve-badge>\n <nve-badge container=\"flat\" color=\"teal-seafoam\"><nve-icon name=\"placeholder\"></nve-icon> teal-seafoam</nve-badge>\n <nve-badge container=\"flat\" color=\"green-grass\"><nve-icon name=\"placeholder\"></nve-icon> green-grass</nve-badge>\n <nve-badge container=\"flat\" color=\"yellow-amber\"><nve-icon name=\"placeholder\"></nve-icon> yellow-amber</nve-badge>\n <nve-badge container=\"flat\" color=\"orange-pumpkin\"><nve-icon name=\"placeholder\"></nve-icon> orange-pumpkin</nve-badge>\n <nve-badge container=\"flat\" color=\"red-tomato\"><nve-icon name=\"placeholder\"></nve-icon> red-tomato</nve-badge>\n <nve-badge container=\"flat\" color=\"pink-magenta\"><nve-icon name=\"placeholder\"></nve-icon> pink-magenta</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-plum\"><nve-icon name=\"placeholder\"></nve-icon> purple-plum</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-violet\"><nve-icon name=\"placeholder\"></nve-icon> purple-violet</nve-badge>\n <nve-badge container=\"flat\" color=\"purple-lavender\"><nve-icon name=\"placeholder\"></nve-icon> purple-lavender</nve-badge>\n <nve-badge container=\"flat\" color=\"pink-rose\"><nve-icon name=\"placeholder\"></nve-icon> pink-rose</nve-badge>\n <nve-badge container=\"flat\" color=\"green-jade\"><nve-icon name=\"placeholder\"></nve-icon> green-jade</nve-badge>\n <nve-badge container=\"flat\" color=\"lime-pear\"><nve-icon name=\"placeholder\"></nve-icon> lime-pear</nve-badge>\n <nve-badge container=\"flat\" color=\"yellow-nova\"><nve-icon name=\"placeholder\"></nve-icon> yellow-nova</nve-badge>\n <nve-badge container=\"flat\" color=\"brand-green\"><nve-icon name=\"placeholder\"></nve-icon> brand-green</nve-badge>\n</div>\n",
112
112
  "summary": "Flat container badges with custom colors for a minimal, borderless appearance. Ideal for subtle categorization or when you want to reduce visual noise.",
113
113
  "description": "",
114
114
  "composition": false,
package/dist/badge/badge2.js CHANGED
@@ -25,7 +25,7 @@ var g = class extends f {
25
25
  static {
26
26
  this.metadata = {
27
27
  tag: "nve-badge",
28
- version: "2.8.0"
28
+ version: "2.8.1"
29
29
  };
30
30
  }
31
31
  static {
package/dist/breadcrumb/breadcrumb.examples.json CHANGED
@@ -14,7 +14,7 @@
14
14
  {
15
15
  "id": "breadcrumb-with-icon-button",
16
16
  "name": "WithIconButton",
17
- "template": "<nve-breadcrumb>\n <nve-icon-button icon-name=\"home\" size=\"sm\"\n ><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a\n ></nve-icon-button>\n <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n <span>You Are Here</span>\n</nve-breadcrumb>\n",
17
+ "template": "<nve-breadcrumb>\n <nve-icon-button icon-name=\"home\" size=\"sm\"><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a></nve-icon-button>\n <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n <span>You Are Here</span>\n</nve-breadcrumb>\n",
18
18
  "summary": "Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.",
19
19
  "description": "",
20
20
  "composition": true,
package/dist/breadcrumb/breadcrumb2.js CHANGED
@@ -24,7 +24,7 @@ var m = class extends u {
24
24
  static {
25
25
  this.metadata = {
26
26
  tag: "nve-breadcrumb",
27
- version: "2.8.0"
27
+ version: "2.8.1"
28
28
  };
29
29
  }
30
30
  static {
package/dist/bundles/index.d.ts CHANGED
@@ -5155,6 +5155,8 @@ export declare class TabsGroup extends LitElement {
5155
5155
  * @documentation https://nvidia.github.io/elements/docs/elements/textarea/
5156
5156
  * @since 0.3.0
5157
5157
  * @entrypoint \@nvidia-elements/core/textarea
5158
+ * @slot prefix - Content to display before the textarea.
5159
+ * @slot suffix - Content to display after the textarea.
5158
5160
  * @cssprop --padding
5159
5161
  * @cssprop --font-size
5160
5162
  * @cssprop --height
@@ -5169,6 +5171,10 @@ export declare class TabsGroup extends LitElement {
5169
5171
  */
5170
5172
  export declare class Textarea extends Control {
5171
5173
  static styles: CSSResult[];
5174
+ /** @private */
5175
+ protected get prefixContent(): TemplateResult<1>;
5176
+ /** @private */
5177
+ protected get suffixContent(): TemplateResult<1>;
5172
5178
  static readonly metadata: {
5173
5179
  tag: string;
5174
5180
  version: string;