@nova-design-system/nova-webcomponents 3.11.0 → 3.13.0

package/dist/collection/components/nv-fieldslider/styles/nv-fieldslider.css

@@ -72,6 +72,17 @@ nv-fieldslider .slider-container .track-container .track {
   background: var(--components-slider-track-background);
   border-radius: var(--slider-track-radius);
   cursor: pointer;
+  touch-action: none;
+  user-select: none;
+}
+nv-fieldslider .slider-container .track-container .track::after {
+  content: "";
+  position: absolute;
+  top: calc(-13px + var(--slider-track-height) / 2);
+  left: 0;
+  width: 100%;
+  height: 26px;
+  background: rgba(255, 255, 255, 0);
 }
 nv-fieldslider .slider-container .track-container .track .track-range {
   position: absolute;
@@ -92,8 +103,19 @@ nv-fieldslider .slider-container .track-container .track .thumb {
   transform: translate(-50%, -50%);
   z-index: 1;
   cursor: grab;
+  touch-action: none;
+  user-select: none;
   transition: width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s;
 }
+nv-fieldslider .slider-container .track-container .track .thumb:after {
+  content: "";
+  position: absolute;
+  top: -7px;
+  left: -7px;
+  width: calc(100% + 14px);
+  height: calc(100% + 14px);
+  background: rgba(255, 255, 255, 0);
+}
 nv-fieldslider .slider-container .track-container .track .thumb:hover {
   width: var(--slider-handler-size-max);
   height: var(--slider-handler-size-max);
@@ -127,6 +149,9 @@ nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip {
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
   transform: translateX(-50%);
+  backface-visibility: hidden;
+  -webkit-font-smoothing: antialiased;
+  transform-style: preserve-3d;
 }
 nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after {
   content: "";
@@ -143,6 +168,8 @@ nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:a
   top: -3px;
   left: 50%;
   margin-left: -3px;
+  backface-visibility: hidden;
+  will-change: transform, opacity;
 }
 nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip, nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip, nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip {
   opacity: 1;

package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js

@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
 import { nameof } from "../../utils/class.utils";
 const NvFieldtimeDocs = {
     component: 'nv-fieldtime',
-    badge: 'beta',
     subcomponents: ['nv-icon'],
     stories: [
         {

package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fieldtime.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fieldtime/nv-fieldtime.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldtimeDocs: NovaDocs<Components.NvFieldtime> = {\n  component: 'nv-fieldtime',\n  badge: 'beta',\n  subcomponents: ['nv-icon'],\n  stories: [\n    {\n      name: 'Default',\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.value),\n      args: { value: '12:34:56' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.label),\n      args: { label: 'Label' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.readonly),\n      args: { readonly: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.disabled),\n      args: { disabled: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.required),\n      args: { required: true, label: 'Required' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.name),\n      args: { name: 'name' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.success),\n      args: { success: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.error),\n      args: { error: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.errorDescription),\n      args: { error: true, errorDescription: 'Error Description' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.max),\n      args: { max: '20:59:59' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.min),\n      args: { min: '01:00:00' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.format),\n      args: { format: 'HH:mm:ss' },\n      template: (\n        <div data-class=\"flex flex-col gap-4 items-center w-full\">\n          <nv-fieldtime\n            data-class=\"w-full\"\n            label=\"format\"\n            data-storybook-args\n          />\n\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime data-class=\"w-full\" label=\"hh\" format=\"hh\" />\n            <nv-fieldtime data-class=\"w-full\" label=\"HH\" format=\"HH\" />\n          </div>\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime data-class=\"w-full\" label=\"hh:mm\" format=\"hh:mm\" />\n            <nv-fieldtime data-class=\"w-full\" label=\"HH:mm\" format=\"HH:mm\" />\n          </div>\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime\n              data-class=\"w-full\"\n              label=\"hh:mm:ss\"\n              format=\"hh:mm:ss\"\n            />\n            <nv-fieldtime\n              data-class=\"w-full\"\n              label=\"HH:mm:ss\"\n              format=\"HH:mm:ss\"\n            />\n          </div>\n        </div>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.description),\n      args: { description: 'Description' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.open),\n      args: { open: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.step),\n      args: { step: 7200000 },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: 'SlotLabel',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"label\">Label Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotBeforeInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"before-input\">Before Input Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotAfterInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"after-input\">After Input Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotLeadingInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <nv-icon slot=\"leading-input\" name=\"clock\" />\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotErrorDescription',\n      args: { error: true },\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"error-description\">Error Description Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldtimeDocs;\n"]}
+{"version":3,"file":"nv-fieldtime.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fieldtime/nv-fieldtime.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldtimeDocs: NovaDocs<Components.NvFieldtime> = {\n  component: 'nv-fieldtime',\n  subcomponents: ['nv-icon'],\n  stories: [\n    {\n      name: 'Default',\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.value),\n      args: { value: '12:34:56' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.label),\n      args: { label: 'Label' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.readonly),\n      args: { readonly: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.disabled),\n      args: { disabled: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.required),\n      args: { required: true, label: 'Required' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.name),\n      args: { name: 'name' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.success),\n      args: { success: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.error),\n      args: { error: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.errorDescription),\n      args: { error: true, errorDescription: 'Error Description' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.max),\n      args: { max: '20:59:59' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.min),\n      args: { min: '01:00:00' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.format),\n      args: { format: 'HH:mm:ss' },\n      template: (\n        <div data-class=\"flex flex-col gap-4 items-center w-full\">\n          <nv-fieldtime\n            data-class=\"w-full\"\n            label=\"format\"\n            data-storybook-args\n          />\n\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime data-class=\"w-full\" label=\"hh\" format=\"hh\" />\n            <nv-fieldtime data-class=\"w-full\" label=\"HH\" format=\"HH\" />\n          </div>\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime data-class=\"w-full\" label=\"hh:mm\" format=\"hh:mm\" />\n            <nv-fieldtime data-class=\"w-full\" label=\"HH:mm\" format=\"HH:mm\" />\n          </div>\n          <div data-class=\"flex flex-row gap-4 items-center w-full\">\n            <nv-fieldtime\n              data-class=\"w-full\"\n              label=\"hh:mm:ss\"\n              format=\"hh:mm:ss\"\n            />\n            <nv-fieldtime\n              data-class=\"w-full\"\n              label=\"HH:mm:ss\"\n              format=\"HH:mm:ss\"\n            />\n          </div>\n        </div>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.description),\n      args: { description: 'Description' },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.open),\n      args: { open: true },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.step),\n      args: { step: 7200000 },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: nameof<Components.NvFieldtime>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldtime data-storybook-args />,\n    },\n    {\n      name: 'SlotLabel',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"label\">Label Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotBeforeInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"before-input\">Before Input Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotAfterInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"after-input\">After Input Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotLeadingInput',\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <nv-icon slot=\"leading-input\" name=\"clock\" />\n        </nv-fieldtime>\n      ),\n    },\n    {\n      name: 'SlotErrorDescription',\n      args: { error: true },\n      template: (\n        <nv-fieldtime data-storybook-args>\n          <span slot=\"error-description\">Error Description Slot</span>\n        </nv-fieldtime>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldtimeDocs;\n"]}

package/dist/collection/components/nv-fieldtime/styles/nv-fieldtime.css

@@ -216,6 +216,10 @@ nv-fieldtime .input-container > nv-iconbutton:focus-visible {
   border-radius: var(--button-md-border-radius);
   outline-offset: -3px;
 }
+nv-fieldtime .input-container > nv-iconbutton:last-of-type {
+  border-top-right-radius: var(--form-field-radius);
+  border-bottom-right-radius: var(--form-field-radius);
+}
 nv-fieldtime .input-container nv-icon.validation {
   color: var(--nv-field-border-default);
   position: absolute;

package/dist/collection/components/nv-icon/nv-icons.js

@@ -11,6 +11,7 @@ export const iconNames = [
     'affiliate',
     'air-conditioning',
     'alert-circle',
+    'alert-triangle',
     'align-center',
     'align-left',
     'align-right',
@@ -136,6 +137,7 @@ export const iconNames = [
     'color-swatch',
     'compass',
     'contract',
+    'cookie',
     'copy',
     'cpu',
     'crane',
@@ -176,6 +178,7 @@ export const iconNames = [
     'droplet',
     'droplets',
     'edit',
+    'empty',
     'engine',
     'eraser-off',
     'eraser',
@@ -405,10 +408,6 @@ export const iconNames = [
     'ship-off',
     'ship',
     'shopping-cart',
-    'sizemd',
-    'sizesm',
-    'sizexl',
-    'sizexs',
     'slash',
     'smart-home',
     'snowflake',
@@ -457,7 +456,9 @@ export const iconNames = [
     'unlink',
     'upload',
     'user-circle',
+    'user-exclamation',
     'user-minus',
+    'user-off',
     'user-plus',
     'user-worker',
     'user',
@@ -483,6 +484,5 @@ export const iconNames = [
     'world',
     'writing',
     'x',
-    'zoom-reset',
 ];
 //# sourceMappingURL=nv-icons.js.map

package/dist/collection/components/nv-icon/nv-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-icons.js","sourceRoot":"","sources":["../../../src/components/nv-icon/nv-icons.ts"],"names":[],"mappings":"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","sourcesContent":["/** Available icons */\n\nexport const iconNames = [\n  'access-point-off',\n  'access-point',\n  'accessible',\n  'activity',\n  'address-book',\n  'adjustments-horizontal',\n  'adjustments-up',\n  'adjustments',\n  'affiliate',\n  'air-conditioning',\n  'alert-circle',\n  'align-center',\n  'align-left',\n  'align-right',\n  'app-window',\n  'apps',\n  'archive',\n  'areas',\n  'arrow-back-up',\n  'arrow-back',\n  'arrow-down-left',\n  'arrow-down-right',\n  'arrow-down',\n  'arrow-forward-up',\n  'arrow-forward',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up-left',\n  'arrow-up-right',\n  'arrow-up',\n  'arrows-exchange',\n  'arrows-maximize',\n  'arrows-minimize',\n  'arrows-move',\n  'aspect-ratio',\n  'atom',\n  'ban',\n  'basket',\n  'battery-1',\n  'battery-2',\n  'battery-3',\n  'battery-4',\n  'battery-automotive',\n  'battery-charging',\n  'battery-eco',\n  'battery-off',\n  'battery',\n  'bell-off',\n  'bell-ringing',\n  'bell',\n  'bike',\n  'bluetooth-connected',\n  'bluetooth-off',\n  'bluetooth',\n  'bolt-off',\n  'bolt',\n  'book',\n  'bookmark-off',\n  'bookmark',\n  'bookmarks',\n  'box-align-top',\n  'box-multiple',\n  'briefcase',\n  'brightness-down',\n  'brightness-up',\n  'browser-check',\n  'browser-plus',\n  'browser-x',\n  'browser',\n  'brush',\n  'building-bank',\n  'building-factory',\n  'building-lighthouse',\n  'building-store',\n  'building',\n  'bulb-off',\n  'bulb',\n  'cake',\n  'calendar-time',\n  'calendar',\n  'camera-off',\n  'camera',\n  'car-crane',\n  'car',\n  'caravan',\n  'cash-banknote',\n  'cash',\n  'cast',\n  'cell',\n  'charging-pile',\n  'chart-arcs',\n  'chart-area-line',\n  'chart-area',\n  'chart-arrows-vertical',\n  'chart-arrows',\n  'chart-bar',\n  'chart-bubble',\n  'chart-circles',\n  'chart-donut',\n  'chart-dots',\n  'chart-line',\n  'chart-pie',\n  'chart-radar',\n  'check',\n  'checkbox',\n  'checklist',\n  'checks',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-top',\n  'chevrons-left',\n  'chevrons-right',\n  'circle-caret-right',\n  'circle-check',\n  'circle-x',\n  'circuit-alternate',\n  'circuit-ground-digital',\n  'clipboard-check',\n  'clipboard-list',\n  'clipboard-plus',\n  'clipboard-text',\n  'clipboard-x',\n  'clipboard',\n  'clock-edit',\n  'clock',\n  'cloud-data-connection',\n  'cloud-download',\n  'cloud-rain',\n  'cloud-snow',\n  'cloud-upload',\n  'cloud',\n  'color-picker',\n  'color-swatch',\n  'compass',\n  'contract',\n  'copy',\n  'cpu',\n  'crane',\n  'credit-card',\n  'crop',\n  'cross',\n  'crown',\n  'currency-bitcoin',\n  'currency-dollar',\n  'currency-ethereum',\n  'currency-euro',\n  'cut',\n  'dashboard',\n  'database',\n  'device-desktop',\n  'device-floppy',\n  'device-gamepad',\n  'device-laptop',\n  'device-mobile-rotated',\n  'device-mobile',\n  'device-tablet',\n  'device-watch',\n  'devices',\n  'dialpad',\n  'direction-horizontal',\n  'direction-sign',\n  'direction',\n  'discount',\n  'door-enter',\n  'door-exit',\n  'door-off',\n  'dots-vertical',\n  'dots',\n  'download',\n  'drone',\n  'droplet-filled',\n  'droplet-half',\n  'droplet',\n  'droplets',\n  'edit',\n  'engine',\n  'eraser-off',\n  'eraser',\n  'external-link',\n  'eye-off',\n  'eye',\n  'face-id',\n  'feather',\n  'file-alert',\n  'file-analytics',\n  'file-check',\n  'file-code',\n  'file-download',\n  'file-export',\n  'file-horizontal',\n  'file-import',\n  'file-plus',\n  'file-search',\n  'file-text-bookmark',\n  'file-text',\n  'file-type-bmp',\n  'file-type-css',\n  'file-type-csv',\n  'file-type-doc',\n  'file-type-html',\n  'file-type-jpg',\n  'file-type-js',\n  'file-type-pdf',\n  'file-type-png',\n  'file-type-ppt',\n  'file-type-xls',\n  'file-type-xml',\n  'file-type-zip',\n  'file-upload',\n  'file-x',\n  'file-zip',\n  'file',\n  'files-off',\n  'files',\n  'filter-off',\n  'filter-sort',\n  'filter',\n  'fingerprint',\n  'fire-extinguisher',\n  'flag',\n  'flame',\n  'flip-horizontal',\n  'flip-vertical',\n  'folder-minus',\n  'folder-off',\n  'folder-plus',\n  'folder-x',\n  'folder',\n  'folders',\n  'frame',\n  'gas-station',\n  'gauge-off',\n  'gauge',\n  'gift',\n  'gps',\n  'grid-dots',\n  'grip-horizontal',\n  'grip-vertical',\n  'hand-stop',\n  'hand-waving',\n  'hash',\n  'haze',\n  'headphones-off',\n  'headphones',\n  'headset',\n  'heart-off',\n  'heart',\n  'heartbeat',\n  'helicopter',\n  'helmet-swopp',\n  'helmet',\n  'help',\n  'history',\n  'home',\n  'hourglass-empty',\n  'hourglass-high',\n  'hourglass-low',\n  'hourglass-off',\n  'hourglass',\n  'inbox',\n  'info-circle',\n  'keyboard-hide',\n  'keyboard-show',\n  'keyboard',\n  'layout-board-split',\n  'layout-dashboard',\n  'layout-grid',\n  'layout-sidebar-left-collapse',\n  'layout-sidebar-left-expand',\n  'layout-sidebar-right-collapse',\n  'layout-sidebar-right-expand',\n  'layout',\n  'leaf',\n  'lifebuoy',\n  'link',\n  'list-search',\n  'list',\n  'loader',\n  'location',\n  'lock-off',\n  'lock-open',\n  'lock',\n  'login',\n  'logout',\n  'mail-forward',\n  'mail-opened',\n  'mail',\n  'map-pin-off',\n  'map-pin',\n  'map',\n  'menu',\n  'message-dots',\n  'message-off',\n  'message',\n  'messages',\n  'microphone-off',\n  'microphone',\n  'minus',\n  'mist',\n  'moon',\n  'motorbike',\n  'mouse',\n  'movie',\n  'network',\n  'news',\n  'note',\n  'notebook',\n  'notes',\n  'offshore-station',\n  'package',\n  'palette',\n  'paperclip',\n  'pencil',\n  'phone-call',\n  'phone-calling',\n  'phone-check',\n  'phone-incoming',\n  'phone-off',\n  'phone-outgoing',\n  'phone',\n  'photo-off',\n  'photo',\n  'pig',\n  'pin',\n  'pinned-off',\n  'pinned',\n  'plane-off',\n  'plane',\n  'plant',\n  'player-pause',\n  'player-play',\n  'player-skip-back',\n  'player-skip-forward',\n  'player-stop',\n  'player-track-next',\n  'player-track-prev',\n  'plug-connected',\n  'plug',\n  'plus',\n  'power-ac',\n  'power-dc',\n  'power',\n  'presentation-analytics',\n  'presentation',\n  'printer',\n  'propeller',\n  'published',\n  'puzzle-2',\n  'puzzle',\n  'pylon',\n  'qrcode',\n  'radar',\n  'radio',\n  'radioactive',\n  'receipt-dollar',\n  'receipt-euro',\n  'receipt',\n  'recharging',\n  'recycle',\n  'refresh-alert',\n  'refresh-off',\n  'refresh',\n  'repeat-once',\n  'repeat',\n  'replace',\n  'report-analytics',\n  'report-medical',\n  'report-search',\n  'report',\n  'ripple-off',\n  'ripple',\n  'rocket',\n  'rotate-2',\n  'rotate-clockwise-2',\n  'rotate-clockwise',\n  'rotate-dot',\n  'rotate',\n  'router',\n  'ruler-measure',\n  'sailboat',\n  'satellite',\n  'scale',\n  'school',\n  'scissors',\n  'scooter-electric',\n  'screenshot',\n  'search',\n  'seeding',\n  'select',\n  'selector',\n  'send',\n  'server',\n  'settings',\n  'shape',\n  'share-2',\n  'share',\n  'shield-check',\n  'shield-lock',\n  'shield-off',\n  'shield-x',\n  'shield',\n  'ship-off',\n  'ship',\n  'shopping-cart',\n  'sizemd',\n  'sizesm',\n  'sizexl',\n  'sizexs',\n  'slash',\n  'smart-home',\n  'snowflake',\n  'solar-panel',\n  'sort-ascending-letters',\n  'sort-ascending-numbers',\n  'sort-descending-letters',\n  'sort-descending-numbers',\n  'spacing-horizontal',\n  'spacing-vertical',\n  'speakerphone',\n  'stack',\n  'stairs',\n  'star',\n  'sun',\n  'sunrise',\n  'sunset',\n  'switch-horizontal',\n  'switch-vertical',\n  'table',\n  'tag',\n  'tank-empty-fill',\n  'tank-full-fill',\n  'tank-medium-fill',\n  'temperature-off',\n  'temperature',\n  'template',\n  'terminal',\n  'text-size',\n  'text',\n  'thumb-down',\n  'thumb-up',\n  'ticket',\n  'timeline',\n  'tir',\n  'tool',\n  'tools',\n  'train',\n  'trash-off',\n  'trash',\n  'tree',\n  'trees',\n  'truck-delivery',\n  'truck',\n  'umbrella',\n  'unlink',\n  'upload',\n  'user-circle',\n  'user-minus',\n  'user-plus',\n  'user-worker',\n  'user',\n  'users',\n  'versions',\n  'video-minus',\n  'video-off',\n  'video-plus',\n  'video',\n  'volume-2',\n  'volume-3',\n  'volume',\n  'wallet',\n  'wand',\n  'wave',\n  'waves',\n  'wifi-off',\n  'wifi',\n  'wind-direction',\n  'wind',\n  'windmill',\n  'wood',\n  'world',\n  'writing',\n  'x',\n  'zoom-reset',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"]}
+{"version":3,"file":"nv-icons.js","sourceRoot":"","sources":["../../../src/components/nv-icon/nv-icons.ts"],"names":[],"mappings":"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","sourcesContent":["/** Available icons */\n\nexport const iconNames = [\n  'access-point-off',\n  'access-point',\n  'accessible',\n  'activity',\n  'address-book',\n  'adjustments-horizontal',\n  'adjustments-up',\n  'adjustments',\n  'affiliate',\n  'air-conditioning',\n  'alert-circle',\n  'alert-triangle',\n  'align-center',\n  'align-left',\n  'align-right',\n  'app-window',\n  'apps',\n  'archive',\n  'areas',\n  'arrow-back-up',\n  'arrow-back',\n  'arrow-down-left',\n  'arrow-down-right',\n  'arrow-down',\n  'arrow-forward-up',\n  'arrow-forward',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up-left',\n  'arrow-up-right',\n  'arrow-up',\n  'arrows-exchange',\n  'arrows-maximize',\n  'arrows-minimize',\n  'arrows-move',\n  'aspect-ratio',\n  'atom',\n  'ban',\n  'basket',\n  'battery-1',\n  'battery-2',\n  'battery-3',\n  'battery-4',\n  'battery-automotive',\n  'battery-charging',\n  'battery-eco',\n  'battery-off',\n  'battery',\n  'bell-off',\n  'bell-ringing',\n  'bell',\n  'bike',\n  'bluetooth-connected',\n  'bluetooth-off',\n  'bluetooth',\n  'bolt-off',\n  'bolt',\n  'book',\n  'bookmark-off',\n  'bookmark',\n  'bookmarks',\n  'box-align-top',\n  'box-multiple',\n  'briefcase',\n  'brightness-down',\n  'brightness-up',\n  'browser-check',\n  'browser-plus',\n  'browser-x',\n  'browser',\n  'brush',\n  'building-bank',\n  'building-factory',\n  'building-lighthouse',\n  'building-store',\n  'building',\n  'bulb-off',\n  'bulb',\n  'cake',\n  'calendar-time',\n  'calendar',\n  'camera-off',\n  'camera',\n  'car-crane',\n  'car',\n  'caravan',\n  'cash-banknote',\n  'cash',\n  'cast',\n  'cell',\n  'charging-pile',\n  'chart-arcs',\n  'chart-area-line',\n  'chart-area',\n  'chart-arrows-vertical',\n  'chart-arrows',\n  'chart-bar',\n  'chart-bubble',\n  'chart-circles',\n  'chart-donut',\n  'chart-dots',\n  'chart-line',\n  'chart-pie',\n  'chart-radar',\n  'check',\n  'checkbox',\n  'checklist',\n  'checks',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-top',\n  'chevrons-left',\n  'chevrons-right',\n  'circle-caret-right',\n  'circle-check',\n  'circle-x',\n  'circuit-alternate',\n  'circuit-ground-digital',\n  'clipboard-check',\n  'clipboard-list',\n  'clipboard-plus',\n  'clipboard-text',\n  'clipboard-x',\n  'clipboard',\n  'clock-edit',\n  'clock',\n  'cloud-data-connection',\n  'cloud-download',\n  'cloud-rain',\n  'cloud-snow',\n  'cloud-upload',\n  'cloud',\n  'color-picker',\n  'color-swatch',\n  'compass',\n  'contract',\n  'cookie',\n  'copy',\n  'cpu',\n  'crane',\n  'credit-card',\n  'crop',\n  'cross',\n  'crown',\n  'currency-bitcoin',\n  'currency-dollar',\n  'currency-ethereum',\n  'currency-euro',\n  'cut',\n  'dashboard',\n  'database',\n  'device-desktop',\n  'device-floppy',\n  'device-gamepad',\n  'device-laptop',\n  'device-mobile-rotated',\n  'device-mobile',\n  'device-tablet',\n  'device-watch',\n  'devices',\n  'dialpad',\n  'direction-horizontal',\n  'direction-sign',\n  'direction',\n  'discount',\n  'door-enter',\n  'door-exit',\n  'door-off',\n  'dots-vertical',\n  'dots',\n  'download',\n  'drone',\n  'droplet-filled',\n  'droplet-half',\n  'droplet',\n  'droplets',\n  'edit',\n  'empty',\n  'engine',\n  'eraser-off',\n  'eraser',\n  'external-link',\n  'eye-off',\n  'eye',\n  'face-id',\n  'feather',\n  'file-alert',\n  'file-analytics',\n  'file-check',\n  'file-code',\n  'file-download',\n  'file-export',\n  'file-horizontal',\n  'file-import',\n  'file-plus',\n  'file-search',\n  'file-text-bookmark',\n  'file-text',\n  'file-type-bmp',\n  'file-type-css',\n  'file-type-csv',\n  'file-type-doc',\n  'file-type-html',\n  'file-type-jpg',\n  'file-type-js',\n  'file-type-pdf',\n  'file-type-png',\n  'file-type-ppt',\n  'file-type-xls',\n  'file-type-xml',\n  'file-type-zip',\n  'file-upload',\n  'file-x',\n  'file-zip',\n  'file',\n  'files-off',\n  'files',\n  'filter-off',\n  'filter-sort',\n  'filter',\n  'fingerprint',\n  'fire-extinguisher',\n  'flag',\n  'flame',\n  'flip-horizontal',\n  'flip-vertical',\n  'folder-minus',\n  'folder-off',\n  'folder-plus',\n  'folder-x',\n  'folder',\n  'folders',\n  'frame',\n  'gas-station',\n  'gauge-off',\n  'gauge',\n  'gift',\n  'gps',\n  'grid-dots',\n  'grip-horizontal',\n  'grip-vertical',\n  'hand-stop',\n  'hand-waving',\n  'hash',\n  'haze',\n  'headphones-off',\n  'headphones',\n  'headset',\n  'heart-off',\n  'heart',\n  'heartbeat',\n  'helicopter',\n  'helmet-swopp',\n  'helmet',\n  'help',\n  'history',\n  'home',\n  'hourglass-empty',\n  'hourglass-high',\n  'hourglass-low',\n  'hourglass-off',\n  'hourglass',\n  'inbox',\n  'info-circle',\n  'keyboard-hide',\n  'keyboard-show',\n  'keyboard',\n  'layout-board-split',\n  'layout-dashboard',\n  'layout-grid',\n  'layout-sidebar-left-collapse',\n  'layout-sidebar-left-expand',\n  'layout-sidebar-right-collapse',\n  'layout-sidebar-right-expand',\n  'layout',\n  'leaf',\n  'lifebuoy',\n  'link',\n  'list-search',\n  'list',\n  'loader',\n  'location',\n  'lock-off',\n  'lock-open',\n  'lock',\n  'login',\n  'logout',\n  'mail-forward',\n  'mail-opened',\n  'mail',\n  'map-pin-off',\n  'map-pin',\n  'map',\n  'menu',\n  'message-dots',\n  'message-off',\n  'message',\n  'messages',\n  'microphone-off',\n  'microphone',\n  'minus',\n  'mist',\n  'moon',\n  'motorbike',\n  'mouse',\n  'movie',\n  'network',\n  'news',\n  'note',\n  'notebook',\n  'notes',\n  'offshore-station',\n  'package',\n  'palette',\n  'paperclip',\n  'pencil',\n  'phone-call',\n  'phone-calling',\n  'phone-check',\n  'phone-incoming',\n  'phone-off',\n  'phone-outgoing',\n  'phone',\n  'photo-off',\n  'photo',\n  'pig',\n  'pin',\n  'pinned-off',\n  'pinned',\n  'plane-off',\n  'plane',\n  'plant',\n  'player-pause',\n  'player-play',\n  'player-skip-back',\n  'player-skip-forward',\n  'player-stop',\n  'player-track-next',\n  'player-track-prev',\n  'plug-connected',\n  'plug',\n  'plus',\n  'power-ac',\n  'power-dc',\n  'power',\n  'presentation-analytics',\n  'presentation',\n  'printer',\n  'propeller',\n  'published',\n  'puzzle-2',\n  'puzzle',\n  'pylon',\n  'qrcode',\n  'radar',\n  'radio',\n  'radioactive',\n  'receipt-dollar',\n  'receipt-euro',\n  'receipt',\n  'recharging',\n  'recycle',\n  'refresh-alert',\n  'refresh-off',\n  'refresh',\n  'repeat-once',\n  'repeat',\n  'replace',\n  'report-analytics',\n  'report-medical',\n  'report-search',\n  'report',\n  'ripple-off',\n  'ripple',\n  'rocket',\n  'rotate-2',\n  'rotate-clockwise-2',\n  'rotate-clockwise',\n  'rotate-dot',\n  'rotate',\n  'router',\n  'ruler-measure',\n  'sailboat',\n  'satellite',\n  'scale',\n  'school',\n  'scissors',\n  'scooter-electric',\n  'screenshot',\n  'search',\n  'seeding',\n  'select',\n  'selector',\n  'send',\n  'server',\n  'settings',\n  'shape',\n  'share-2',\n  'share',\n  'shield-check',\n  'shield-lock',\n  'shield-off',\n  'shield-x',\n  'shield',\n  'ship-off',\n  'ship',\n  'shopping-cart',\n  'slash',\n  'smart-home',\n  'snowflake',\n  'solar-panel',\n  'sort-ascending-letters',\n  'sort-ascending-numbers',\n  'sort-descending-letters',\n  'sort-descending-numbers',\n  'spacing-horizontal',\n  'spacing-vertical',\n  'speakerphone',\n  'stack',\n  'stairs',\n  'star',\n  'sun',\n  'sunrise',\n  'sunset',\n  'switch-horizontal',\n  'switch-vertical',\n  'table',\n  'tag',\n  'tank-empty-fill',\n  'tank-full-fill',\n  'tank-medium-fill',\n  'temperature-off',\n  'temperature',\n  'template',\n  'terminal',\n  'text-size',\n  'text',\n  'thumb-down',\n  'thumb-up',\n  'ticket',\n  'timeline',\n  'tir',\n  'tool',\n  'tools',\n  'train',\n  'trash-off',\n  'trash',\n  'tree',\n  'trees',\n  'truck-delivery',\n  'truck',\n  'umbrella',\n  'unlink',\n  'upload',\n  'user-circle',\n  'user-exclamation',\n  'user-minus',\n  'user-off',\n  'user-plus',\n  'user-worker',\n  'user',\n  'users',\n  'versions',\n  'video-minus',\n  'video-off',\n  'video-plus',\n  'video',\n  'volume-2',\n  'volume-3',\n  'volume',\n  'wallet',\n  'wand',\n  'wave',\n  'waves',\n  'wifi-off',\n  'wifi',\n  'wind-direction',\n  'wind',\n  'windmill',\n  'wood',\n  'world',\n  'writing',\n  'x',\n] as const;\nexport type IconName = (typeof iconNames)[number];\n"]}

package/dist/collection/components/nv-iconbutton/nv-iconbutton.css

@@ -55,7 +55,6 @@ nv-iconbutton.emphasis-high:focus, nv-iconbutton.emphasis-high:focus-within {
 nv-iconbutton.emphasis-high:focus-visible, nv-iconbutton.emphasis-high:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-iconbutton.emphasis-high:disabled {
   background: var(--components-button-high-background);
@@ -82,7 +81,6 @@ nv-iconbutton.emphasis-medium:focus, nv-iconbutton.emphasis-medium:focus-within
 nv-iconbutton.emphasis-medium:focus-visible, nv-iconbutton.emphasis-medium:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-iconbutton.emphasis-medium:disabled {
   background: var(--components-button-medium-background);
@@ -109,7 +107,6 @@ nv-iconbutton.emphasis-low:focus, nv-iconbutton.emphasis-low:focus-within {
 nv-iconbutton.emphasis-low:focus-visible, nv-iconbutton.emphasis-low:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-iconbutton.emphasis-low:disabled {
   background: var(--components-button-low-background);
@@ -136,7 +133,6 @@ nv-iconbutton.emphasis-lower:focus, nv-iconbutton.emphasis-lower:focus-within {
 nv-iconbutton.emphasis-lower:focus-visible, nv-iconbutton.emphasis-lower:has(:focus-visible) {
   outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
   outline-offset: calc(var(--focus-outline-offset) * 1);
-  z-index: 111;
 }
 nv-iconbutton.emphasis-lower:disabled {
   background: var(--components-button-lower-background);

package/dist/collection/components/nv-menuitem/nv-menuitem.js

@@ -82,7 +82,7 @@ export class NvMenuitem {
                 "mutable": false,
                 "complexType": {
                     "original": "`${IconName}`",
-                    "resolved": "\"home\" | \"photo\" | \"access-point-off\" | \"access-point\" | \"accessible\" | \"activity\" | \"address-book\" | \"adjustments-horizontal\" | \"adjustments-up\" | \"adjustments\" | \"affiliate\" | \"air-conditioning\" | \"alert-circle\" | \"align-center\" | \"align-left\" | \"align-right\" | \"app-window\" | \"apps\" | \"archive\" | \"areas\" | \"arrow-back-up\" | \"arrow-back\" | \"arrow-down-left\" | \"arrow-down-right\" | \"arrow-down\" | \"arrow-forward-up\" | \"arrow-forward\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up-left\" | \"arrow-up-right\" | \"arrow-up\" | \"arrows-exchange\" | \"arrows-maximize\" | \"arrows-minimize\" | \"arrows-move\" | \"aspect-ratio\" | \"atom\" | \"ban\" | \"basket\" | \"battery-1\" | \"battery-2\" | \"battery-3\" | \"battery-4\" | \"battery-automotive\" | \"battery-charging\" | \"battery-eco\" | \"battery-off\" | \"battery\" | \"bell-off\" | \"bell-ringing\" | \"bell\" | \"bike\" | \"bluetooth-connected\" | \"bluetooth-off\" | \"bluetooth\" | \"bolt-off\" | \"bolt\" | \"book\" | \"bookmark-off\" | \"bookmark\" | \"bookmarks\" | \"box-align-top\" | \"box-multiple\" | \"briefcase\" | \"brightness-down\" | \"brightness-up\" | \"browser-check\" | \"browser-plus\" | \"browser-x\" | \"browser\" | \"brush\" | \"building-bank\" | \"building-factory\" | \"building-lighthouse\" | \"building-store\" | \"building\" | \"bulb-off\" | \"bulb\" | \"cake\" | \"calendar-time\" | \"calendar\" | \"camera-off\" | \"camera\" | \"car-crane\" | \"car\" | \"caravan\" | \"cash-banknote\" | \"cash\" | \"cast\" | \"cell\" | \"charging-pile\" | \"chart-arcs\" | \"chart-area-line\" | \"chart-area\" | \"chart-arrows-vertical\" | \"chart-arrows\" | \"chart-bar\" | \"chart-bubble\" | \"chart-circles\" | \"chart-donut\" | \"chart-dots\" | \"chart-line\" | \"chart-pie\" | \"chart-radar\" | \"check\" | \"checkbox\" | \"checklist\" | \"checks\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-top\" | \"chevrons-left\" | \"chevrons-right\" | \"circle-caret-right\" | \"circle-check\" | \"circle-x\" | \"circuit-alternate\" | \"circuit-ground-digital\" | \"clipboard-check\" | \"clipboard-list\" | \"clipboard-plus\" | \"clipboard-text\" | \"clipboard-x\" | \"clipboard\" | \"clock-edit\" | \"clock\" | \"cloud-data-connection\" | \"cloud-download\" | \"cloud-rain\" | \"cloud-snow\" | \"cloud-upload\" | \"cloud\" | \"color-picker\" | \"color-swatch\" | \"compass\" | \"contract\" | \"copy\" | \"cpu\" | \"crane\" | \"credit-card\" | \"crop\" | \"cross\" | \"crown\" | \"currency-bitcoin\" | \"currency-dollar\" | \"currency-ethereum\" | \"currency-euro\" | \"cut\" | \"dashboard\" | \"database\" | \"device-desktop\" | \"device-floppy\" | \"device-gamepad\" | \"device-laptop\" | \"device-mobile-rotated\" | \"device-mobile\" | \"device-tablet\" | \"device-watch\" | \"devices\" | \"dialpad\" | \"direction-horizontal\" | \"direction-sign\" | \"direction\" | \"discount\" | \"door-enter\" | \"door-exit\" | \"door-off\" | \"dots-vertical\" | \"dots\" | \"download\" | \"drone\" | \"droplet-filled\" | \"droplet-half\" | \"droplet\" | \"droplets\" | \"edit\" | \"engine\" | \"eraser-off\" | \"eraser\" | \"external-link\" | \"eye-off\" | \"eye\" | \"face-id\" | \"feather\" | \"file-alert\" | \"file-analytics\" | \"file-check\" | \"file-code\" | \"file-download\" | \"file-export\" | \"file-horizontal\" | \"file-import\" | \"file-plus\" | \"file-search\" | \"file-text-bookmark\" | \"file-text\" | \"file-type-bmp\" | \"file-type-css\" | \"file-type-csv\" | \"file-type-doc\" | \"file-type-html\" | \"file-type-jpg\" | \"file-type-js\" | \"file-type-pdf\" | \"file-type-png\" | \"file-type-ppt\" | \"file-type-xls\" | \"file-type-xml\" | \"file-type-zip\" | \"file-upload\" | \"file-x\" | \"file-zip\" | \"file\" | \"files-off\" | \"files\" | \"filter-off\" | \"filter-sort\" | \"filter\" | \"fingerprint\" | \"fire-extinguisher\" | \"flag\" | \"flame\" | \"flip-horizontal\" | \"flip-vertical\" | \"folder-minus\" | \"folder-off\" | \"folder-plus\" | \"folder-x\" | \"folder\" | \"folders\" | \"frame\" | \"gas-station\" | \"gauge-off\" | \"gauge\" | \"gift\" | \"gps\" | \"grid-dots\" | \"grip-horizontal\" | \"grip-vertical\" | \"hand-stop\" | \"hand-waving\" | \"hash\" | \"haze\" | \"headphones-off\" | \"headphones\" | \"headset\" | \"heart-off\" | \"heart\" | \"heartbeat\" | \"helicopter\" | \"helmet-swopp\" | \"helmet\" | \"help\" | \"history\" | \"hourglass-empty\" | \"hourglass-high\" | \"hourglass-low\" | \"hourglass-off\" | \"hourglass\" | \"inbox\" | \"info-circle\" | \"keyboard-hide\" | \"keyboard-show\" | \"keyboard\" | \"layout-board-split\" | \"layout-dashboard\" | \"layout-grid\" | \"layout-sidebar-left-collapse\" | \"layout-sidebar-left-expand\" | \"layout-sidebar-right-collapse\" | \"layout-sidebar-right-expand\" | \"layout\" | \"leaf\" | \"lifebuoy\" | \"link\" | \"list-search\" | \"list\" | \"loader\" | \"location\" | \"lock-off\" | \"lock-open\" | \"lock\" | \"login\" | \"logout\" | \"mail-forward\" | \"mail-opened\" | \"mail\" | \"map-pin-off\" | \"map-pin\" | \"map\" | \"menu\" | \"message-dots\" | \"message-off\" | \"message\" | \"messages\" | \"microphone-off\" | \"microphone\" | \"minus\" | \"mist\" | \"moon\" | \"motorbike\" | \"mouse\" | \"movie\" | \"network\" | \"news\" | \"note\" | \"notebook\" | \"notes\" | \"offshore-station\" | \"package\" | \"palette\" | \"paperclip\" | \"pencil\" | \"phone-call\" | \"phone-calling\" | \"phone-check\" | \"phone-incoming\" | \"phone-off\" | \"phone-outgoing\" | \"phone\" | \"photo-off\" | \"pig\" | \"pin\" | \"pinned-off\" | \"pinned\" | \"plane-off\" | \"plane\" | \"plant\" | \"player-pause\" | \"player-play\" | \"player-skip-back\" | \"player-skip-forward\" | \"player-stop\" | \"player-track-next\" | \"player-track-prev\" | \"plug-connected\" | \"plug\" | \"plus\" | \"power-ac\" | \"power-dc\" | \"power\" | \"presentation-analytics\" | \"presentation\" | \"printer\" | \"propeller\" | \"published\" | \"puzzle-2\" | \"puzzle\" | \"pylon\" | \"qrcode\" | \"radar\" | \"radio\" | \"radioactive\" | \"receipt-dollar\" | \"receipt-euro\" | \"receipt\" | \"recharging\" | \"recycle\" | \"refresh-alert\" | \"refresh-off\" | \"refresh\" | \"repeat-once\" | \"repeat\" | \"replace\" | \"report-analytics\" | \"report-medical\" | \"report-search\" | \"report\" | \"ripple-off\" | \"ripple\" | \"rocket\" | \"rotate-2\" | \"rotate-clockwise-2\" | \"rotate-clockwise\" | \"rotate-dot\" | \"rotate\" | \"router\" | \"ruler-measure\" | \"sailboat\" | \"satellite\" | \"scale\" | \"school\" | \"scissors\" | \"scooter-electric\" | \"screenshot\" | \"search\" | \"seeding\" | \"select\" | \"selector\" | \"send\" | \"server\" | \"settings\" | \"shape\" | \"share-2\" | \"share\" | \"shield-check\" | \"shield-lock\" | \"shield-off\" | \"shield-x\" | \"shield\" | \"ship-off\" | \"ship\" | \"shopping-cart\" | \"sizemd\" | \"sizesm\" | \"sizexl\" | \"sizexs\" | \"slash\" | \"smart-home\" | \"snowflake\" | \"solar-panel\" | \"sort-ascending-letters\" | \"sort-ascending-numbers\" | \"sort-descending-letters\" | \"sort-descending-numbers\" | \"spacing-horizontal\" | \"spacing-vertical\" | \"speakerphone\" | \"stack\" | \"stairs\" | \"star\" | \"sun\" | \"sunrise\" | \"sunset\" | \"switch-horizontal\" | \"switch-vertical\" | \"table\" | \"tag\" | \"tank-empty-fill\" | \"tank-full-fill\" | \"tank-medium-fill\" | \"temperature-off\" | \"temperature\" | \"template\" | \"terminal\" | \"text-size\" | \"text\" | \"thumb-down\" | \"thumb-up\" | \"ticket\" | \"timeline\" | \"tir\" | \"tool\" | \"tools\" | \"train\" | \"trash-off\" | \"trash\" | \"tree\" | \"trees\" | \"truck-delivery\" | \"truck\" | \"umbrella\" | \"unlink\" | \"upload\" | \"user-circle\" | \"user-minus\" | \"user-plus\" | \"user-worker\" | \"user\" | \"users\" | \"versions\" | \"video-minus\" | \"video-off\" | \"video-plus\" | \"video\" | \"volume-2\" | \"volume-3\" | \"volume\" | \"wallet\" | \"wand\" | \"wave\" | \"waves\" | \"wifi-off\" | \"wifi\" | \"wind-direction\" | \"wind\" | \"windmill\" | \"wood\" | \"world\" | \"writing\" | \"x\" | \"zoom-reset\"",
+                    "resolved": "\"home\" | \"photo\" | \"access-point-off\" | \"access-point\" | \"accessible\" | \"activity\" | \"address-book\" | \"adjustments-horizontal\" | \"adjustments-up\" | \"adjustments\" | \"affiliate\" | \"air-conditioning\" | \"alert-circle\" | \"alert-triangle\" | \"align-center\" | \"align-left\" | \"align-right\" | \"app-window\" | \"apps\" | \"archive\" | \"areas\" | \"arrow-back-up\" | \"arrow-back\" | \"arrow-down-left\" | \"arrow-down-right\" | \"arrow-down\" | \"arrow-forward-up\" | \"arrow-forward\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up-left\" | \"arrow-up-right\" | \"arrow-up\" | \"arrows-exchange\" | \"arrows-maximize\" | \"arrows-minimize\" | \"arrows-move\" | \"aspect-ratio\" | \"atom\" | \"ban\" | \"basket\" | \"battery-1\" | \"battery-2\" | \"battery-3\" | \"battery-4\" | \"battery-automotive\" | \"battery-charging\" | \"battery-eco\" | \"battery-off\" | \"battery\" | \"bell-off\" | \"bell-ringing\" | \"bell\" | \"bike\" | \"bluetooth-connected\" | \"bluetooth-off\" | \"bluetooth\" | \"bolt-off\" | \"bolt\" | \"book\" | \"bookmark-off\" | \"bookmark\" | \"bookmarks\" | \"box-align-top\" | \"box-multiple\" | \"briefcase\" | \"brightness-down\" | \"brightness-up\" | \"browser-check\" | \"browser-plus\" | \"browser-x\" | \"browser\" | \"brush\" | \"building-bank\" | \"building-factory\" | \"building-lighthouse\" | \"building-store\" | \"building\" | \"bulb-off\" | \"bulb\" | \"cake\" | \"calendar-time\" | \"calendar\" | \"camera-off\" | \"camera\" | \"car-crane\" | \"car\" | \"caravan\" | \"cash-banknote\" | \"cash\" | \"cast\" | \"cell\" | \"charging-pile\" | \"chart-arcs\" | \"chart-area-line\" | \"chart-area\" | \"chart-arrows-vertical\" | \"chart-arrows\" | \"chart-bar\" | \"chart-bubble\" | \"chart-circles\" | \"chart-donut\" | \"chart-dots\" | \"chart-line\" | \"chart-pie\" | \"chart-radar\" | \"check\" | \"checkbox\" | \"checklist\" | \"checks\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-top\" | \"chevrons-left\" | \"chevrons-right\" | \"circle-caret-right\" | \"circle-check\" | \"circle-x\" | \"circuit-alternate\" | \"circuit-ground-digital\" | \"clipboard-check\" | \"clipboard-list\" | \"clipboard-plus\" | \"clipboard-text\" | \"clipboard-x\" | \"clipboard\" | \"clock-edit\" | \"clock\" | \"cloud-data-connection\" | \"cloud-download\" | \"cloud-rain\" | \"cloud-snow\" | \"cloud-upload\" | \"cloud\" | \"color-picker\" | \"color-swatch\" | \"compass\" | \"contract\" | \"cookie\" | \"copy\" | \"cpu\" | \"crane\" | \"credit-card\" | \"crop\" | \"cross\" | \"crown\" | \"currency-bitcoin\" | \"currency-dollar\" | \"currency-ethereum\" | \"currency-euro\" | \"cut\" | \"dashboard\" | \"database\" | \"device-desktop\" | \"device-floppy\" | \"device-gamepad\" | \"device-laptop\" | \"device-mobile-rotated\" | \"device-mobile\" | \"device-tablet\" | \"device-watch\" | \"devices\" | \"dialpad\" | \"direction-horizontal\" | \"direction-sign\" | \"direction\" | \"discount\" | \"door-enter\" | \"door-exit\" | \"door-off\" | \"dots-vertical\" | \"dots\" | \"download\" | \"drone\" | \"droplet-filled\" | \"droplet-half\" | \"droplet\" | \"droplets\" | \"edit\" | \"empty\" | \"engine\" | \"eraser-off\" | \"eraser\" | \"external-link\" | \"eye-off\" | \"eye\" | \"face-id\" | \"feather\" | \"file-alert\" | \"file-analytics\" | \"file-check\" | \"file-code\" | \"file-download\" | \"file-export\" | \"file-horizontal\" | \"file-import\" | \"file-plus\" | \"file-search\" | \"file-text-bookmark\" | \"file-text\" | \"file-type-bmp\" | \"file-type-css\" | \"file-type-csv\" | \"file-type-doc\" | \"file-type-html\" | \"file-type-jpg\" | \"file-type-js\" | \"file-type-pdf\" | \"file-type-png\" | \"file-type-ppt\" | \"file-type-xls\" | \"file-type-xml\" | \"file-type-zip\" | \"file-upload\" | \"file-x\" | \"file-zip\" | \"file\" | \"files-off\" | \"files\" | \"filter-off\" | \"filter-sort\" | \"filter\" | \"fingerprint\" | \"fire-extinguisher\" | \"flag\" | \"flame\" | \"flip-horizontal\" | \"flip-vertical\" | \"folder-minus\" | \"folder-off\" | \"folder-plus\" | \"folder-x\" | \"folder\" | \"folders\" | \"frame\" | \"gas-station\" | \"gauge-off\" | \"gauge\" | \"gift\" | \"gps\" | \"grid-dots\" | \"grip-horizontal\" | \"grip-vertical\" | \"hand-stop\" | \"hand-waving\" | \"hash\" | \"haze\" | \"headphones-off\" | \"headphones\" | \"headset\" | \"heart-off\" | \"heart\" | \"heartbeat\" | \"helicopter\" | \"helmet-swopp\" | \"helmet\" | \"help\" | \"history\" | \"hourglass-empty\" | \"hourglass-high\" | \"hourglass-low\" | \"hourglass-off\" | \"hourglass\" | \"inbox\" | \"info-circle\" | \"keyboard-hide\" | \"keyboard-show\" | \"keyboard\" | \"layout-board-split\" | \"layout-dashboard\" | \"layout-grid\" | \"layout-sidebar-left-collapse\" | \"layout-sidebar-left-expand\" | \"layout-sidebar-right-collapse\" | \"layout-sidebar-right-expand\" | \"layout\" | \"leaf\" | \"lifebuoy\" | \"link\" | \"list-search\" | \"list\" | \"loader\" | \"location\" | \"lock-off\" | \"lock-open\" | \"lock\" | \"login\" | \"logout\" | \"mail-forward\" | \"mail-opened\" | \"mail\" | \"map-pin-off\" | \"map-pin\" | \"map\" | \"menu\" | \"message-dots\" | \"message-off\" | \"message\" | \"messages\" | \"microphone-off\" | \"microphone\" | \"minus\" | \"mist\" | \"moon\" | \"motorbike\" | \"mouse\" | \"movie\" | \"network\" | \"news\" | \"note\" | \"notebook\" | \"notes\" | \"offshore-station\" | \"package\" | \"palette\" | \"paperclip\" | \"pencil\" | \"phone-call\" | \"phone-calling\" | \"phone-check\" | \"phone-incoming\" | \"phone-off\" | \"phone-outgoing\" | \"phone\" | \"photo-off\" | \"pig\" | \"pin\" | \"pinned-off\" | \"pinned\" | \"plane-off\" | \"plane\" | \"plant\" | \"player-pause\" | \"player-play\" | \"player-skip-back\" | \"player-skip-forward\" | \"player-stop\" | \"player-track-next\" | \"player-track-prev\" | \"plug-connected\" | \"plug\" | \"plus\" | \"power-ac\" | \"power-dc\" | \"power\" | \"presentation-analytics\" | \"presentation\" | \"printer\" | \"propeller\" | \"published\" | \"puzzle-2\" | \"puzzle\" | \"pylon\" | \"qrcode\" | \"radar\" | \"radio\" | \"radioactive\" | \"receipt-dollar\" | \"receipt-euro\" | \"receipt\" | \"recharging\" | \"recycle\" | \"refresh-alert\" | \"refresh-off\" | \"refresh\" | \"repeat-once\" | \"repeat\" | \"replace\" | \"report-analytics\" | \"report-medical\" | \"report-search\" | \"report\" | \"ripple-off\" | \"ripple\" | \"rocket\" | \"rotate-2\" | \"rotate-clockwise-2\" | \"rotate-clockwise\" | \"rotate-dot\" | \"rotate\" | \"router\" | \"ruler-measure\" | \"sailboat\" | \"satellite\" | \"scale\" | \"school\" | \"scissors\" | \"scooter-electric\" | \"screenshot\" | \"search\" | \"seeding\" | \"select\" | \"selector\" | \"send\" | \"server\" | \"settings\" | \"shape\" | \"share-2\" | \"share\" | \"shield-check\" | \"shield-lock\" | \"shield-off\" | \"shield-x\" | \"shield\" | \"ship-off\" | \"ship\" | \"shopping-cart\" | \"slash\" | \"smart-home\" | \"snowflake\" | \"solar-panel\" | \"sort-ascending-letters\" | \"sort-ascending-numbers\" | \"sort-descending-letters\" | \"sort-descending-numbers\" | \"spacing-horizontal\" | \"spacing-vertical\" | \"speakerphone\" | \"stack\" | \"stairs\" | \"star\" | \"sun\" | \"sunrise\" | \"sunset\" | \"switch-horizontal\" | \"switch-vertical\" | \"table\" | \"tag\" | \"tank-empty-fill\" | \"tank-full-fill\" | \"tank-medium-fill\" | \"temperature-off\" | \"temperature\" | \"template\" | \"terminal\" | \"text-size\" | \"text\" | \"thumb-down\" | \"thumb-up\" | \"ticket\" | \"timeline\" | \"tir\" | \"tool\" | \"tools\" | \"train\" | \"trash-off\" | \"trash\" | \"tree\" | \"trees\" | \"truck-delivery\" | \"truck\" | \"umbrella\" | \"unlink\" | \"upload\" | \"user-circle\" | \"user-exclamation\" | \"user-minus\" | \"user-off\" | \"user-plus\" | \"user-worker\" | \"user\" | \"users\" | \"versions\" | \"video-minus\" | \"video-off\" | \"video-plus\" | \"video\" | \"volume-2\" | \"volume-3\" | \"volume\" | \"wallet\" | \"wand\" | \"wave\" | \"waves\" | \"wifi-off\" | \"wifi\" | \"wind-direction\" | \"wind\" | \"windmill\" | \"wood\" | \"world\" | \"writing\" | \"x\"",
                     "references": {
                         "IconName": {
                             "location": "import",

package/dist/collection/components/nv-notification/nv-notification.docs.js

@@ -0,0 +1,72 @@
+import { h } from "@stencil/core";
+import { nameof } from "../../utils/class.utils";
+const NvNotificationDocs = {
+    component: 'nv-notification',
+    subcomponents: ['nv-icon', 'nv-button'],
+    stories: [
+        {
+            name: 'Default',
+            args: {
+                message: 'Default notification content.',
+                heading: 'Notification',
+            },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: nameof(x => x.emphasis),
+            template: (h("div", { "data-class": "flex flex-col" }, h("nv-notification", { "data-storybook-args": true, emphasis: "medium", heading: "Medium Emphasis", message: "This is a medium emphasis notification." }), h("nv-notification", { "data-storybook-args": true, emphasis: "high", heading: "High Emphasis", message: "This is a high emphasis notification." }))),
+        },
+        {
+            name: nameof(x => x.feedback),
+            template: (h("div", { "data-class": "flex flex-col" }, h("nv-notification", { "data-storybook-args": true, feedback: "information", emphasis: "high", heading: "Information (High)", message: "High emphasis information notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "information", emphasis: "medium", heading: "Information (Medium)", message: "Medium emphasis information notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "warning", emphasis: "high", heading: "Warning (High)", message: "High emphasis warning notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "warning", emphasis: "medium", heading: "Warning (Medium)", message: "Medium emphasis warning notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "error", emphasis: "high", heading: "Error (High)", message: "High emphasis error notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "error", emphasis: "medium", heading: "Error (Medium)", message: "Medium emphasis error notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "success", emphasis: "high", heading: "Success (High)", message: "High emphasis success notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "success", emphasis: "medium", heading: "Success (Medium)", message: "Medium emphasis success notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "neutral", emphasis: "high", heading: "Neutral (High)", message: "High emphasis neutral notification.", dismissible: true, "data-class": "mb-4" }), h("nv-notification", { "data-storybook-args": true, feedback: "neutral", emphasis: "medium", heading: "Neutral (Medium)", message: "Medium emphasis neutral notification.", dismissible: true, "data-class": "mb-4" }))),
+        },
+        {
+            name: nameof(x => x.message),
+            args: { message: 'Custom message content' },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: nameof(x => x.heading),
+            args: {
+                heading: 'Custom Heading',
+                message: 'The content is rendered below the heading.',
+            },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: nameof(x => x.icon),
+            args: { icon: 'user', message: 'You can change the default icon.' },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: nameof(x => x.dismissible),
+            args: { dismissible: true, message: 'You can close this notification.' },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: nameof(x => x.hidden),
+            args: {
+                hidden: true,
+                message: 'This notification is hidden until changed.',
+            },
+            template: h("nv-notification", { "data-storybook-args": true }),
+        },
+        {
+            name: 'HeadingSlot',
+            description: 'The heading slot can be used to add custom HTML content as the notification title.',
+            template: (h("nv-notification", { "data-storybook-args": true }, h("span", { slot: "heading" }, h("strong", null, "Custom"), " ", h("em", null, "HTML"), " Heading"))),
+        },
+        {
+            name: 'ContentSlot',
+            description: 'The content slot can be used to add custom HTML content as the notification message.',
+            template: (h("nv-notification", { "data-storybook-args": true }, h("div", { slot: "content" }, h("p", null, "Custom HTML content with ", h("strong", null, "formatting"), "."), h("ul", null, h("li", null, "List item 1"), h("li", null, "List item 2"))))),
+        },
+        {
+            name: 'ActionsSlot',
+            description: 'The actions slot can be used to add custom actions to the notification. You should use low emphasis buttons.',
+            template: (h("nv-notification", { "data-storybook-args": true, heading: "Notification with Actions", message: "This notification has custom action buttons." }, h("div", { slot: "actions" }, h("nv-button", { size: "sm", emphasis: "low" }, "Cancel"), h("nv-button", { size: "sm", emphasis: "low" }, "Confirm")))),
+        },
+    ],
+};
+export default NvNotificationDocs;
+//# sourceMappingURL=nv-notification.docs.js.map

package/dist/collection/components/nv-notification/nv-notification.docs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nv-notification.docs.js","sourceRoot":"","sources":["../../../src/components/nv-notification/nv-notification.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvNotificationDocs: NovaDocs<Components.NvNotification> = {\n  component: 'nv-notification',\n  subcomponents: ['nv-icon', 'nv-button'],\n  stories: [\n    {\n      name: 'Default',\n      args: {\n        message: 'Default notification content.',\n        heading: 'Notification',\n      },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.emphasis),\n      template: (\n        <div data-class=\"flex flex-col\">\n          <nv-notification\n            data-storybook-args\n            emphasis=\"medium\"\n            heading=\"Medium Emphasis\"\n            message=\"This is a medium emphasis notification.\"\n          ></nv-notification>\n\n          <nv-notification\n            data-storybook-args\n            emphasis=\"high\"\n            heading=\"High Emphasis\"\n            message=\"This is a high emphasis notification.\"\n          ></nv-notification>\n        </div>\n      ),\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.feedback),\n      template: (\n        <div data-class=\"flex flex-col\">\n          <nv-notification\n            data-storybook-args\n            feedback=\"information\"\n            emphasis=\"high\"\n            heading=\"Information (High)\"\n            message=\"High emphasis information notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n          <nv-notification\n            data-storybook-args\n            feedback=\"information\"\n            emphasis=\"medium\"\n            heading=\"Information (Medium)\"\n            message=\"Medium emphasis information notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n\n          <nv-notification\n            data-storybook-args\n            feedback=\"warning\"\n            emphasis=\"high\"\n            heading=\"Warning (High)\"\n            message=\"High emphasis warning notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n          <nv-notification\n            data-storybook-args\n            feedback=\"warning\"\n            emphasis=\"medium\"\n            heading=\"Warning (Medium)\"\n            message=\"Medium emphasis warning notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n\n          <nv-notification\n            data-storybook-args\n            feedback=\"error\"\n            emphasis=\"high\"\n            heading=\"Error (High)\"\n            message=\"High emphasis error notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n          <nv-notification\n            data-storybook-args\n            feedback=\"error\"\n            emphasis=\"medium\"\n            heading=\"Error (Medium)\"\n            message=\"Medium emphasis error notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n\n          <nv-notification\n            data-storybook-args\n            feedback=\"success\"\n            emphasis=\"high\"\n            heading=\"Success (High)\"\n            message=\"High emphasis success notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n          <nv-notification\n            data-storybook-args\n            feedback=\"success\"\n            emphasis=\"medium\"\n            heading=\"Success (Medium)\"\n            message=\"Medium emphasis success notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n\n          <nv-notification\n            data-storybook-args\n            feedback=\"neutral\"\n            emphasis=\"high\"\n            heading=\"Neutral (High)\"\n            message=\"High emphasis neutral notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n          <nv-notification\n            data-storybook-args\n            feedback=\"neutral\"\n            emphasis=\"medium\"\n            heading=\"Neutral (Medium)\"\n            message=\"Medium emphasis neutral notification.\"\n            dismissible\n            data-class=\"mb-4\"\n          ></nv-notification>\n        </div>\n      ),\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.message),\n      args: { message: 'Custom message content' },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.heading),\n      args: {\n        heading: 'Custom Heading',\n        message: 'The content is rendered below the heading.',\n      },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.icon),\n      args: { icon: 'user', message: 'You can change the default icon.' },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.dismissible),\n      args: { dismissible: true, message: 'You can close this notification.' },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: nameof<Components.NvNotification>(x => x.hidden),\n      args: {\n        hidden: true,\n        message: 'This notification is hidden until changed.',\n      },\n      template: <nv-notification data-storybook-args></nv-notification>,\n    },\n    {\n      name: 'HeadingSlot',\n      description:\n        'The heading slot can be used to add custom HTML content as the notification title.',\n      template: (\n        <nv-notification data-storybook-args>\n          <span slot=\"heading\">\n            <strong>Custom</strong> <em>HTML</em> Heading\n          </span>\n        </nv-notification>\n      ),\n    },\n    {\n      name: 'ContentSlot',\n      description:\n        'The content slot can be used to add custom HTML content as the notification message.',\n      template: (\n        <nv-notification data-storybook-args>\n          <div slot=\"content\">\n            <p>\n              Custom HTML content with <strong>formatting</strong>.\n            </p>\n            <ul>\n              <li>List item 1</li>\n              <li>List item 2</li>\n            </ul>\n          </div>\n        </nv-notification>\n      ),\n    },\n    {\n      name: 'ActionsSlot',\n      description:\n        'The actions slot can be used to add custom actions to the notification. You should use low emphasis buttons.',\n      template: (\n        <nv-notification\n          data-storybook-args\n          heading=\"Notification with Actions\"\n          message=\"This notification has custom action buttons.\"\n        >\n          <div slot=\"actions\">\n            <nv-button size=\"sm\" emphasis=\"low\">\n              Cancel\n            </nv-button>\n            <nv-button size=\"sm\" emphasis=\"low\">\n              Confirm\n            </nv-button>\n          </div>\n        </nv-notification>\n      ),\n    },\n  ],\n};\n\nexport default NvNotificationDocs;\n"]}