@nvidia-elements/core 2.5.3 → 2.6.0
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.
- package/CHANGELOG.md +9 -0
- package/dist/accordion/accordion2.js +4 -4
- package/dist/alert/alert-group2.js +1 -1
- package/dist/alert/alert2.js +1 -1
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +1 -1
- package/dist/badge/badge2.js +1 -1
- package/dist/breadcrumb/breadcrumb2.js +1 -1
- package/dist/bundles/index.d.ts +5 -0
- package/dist/bundles/index.js +1 -1
- package/dist/button/button2.js +1 -1
- package/dist/button-group/button-group2.js +1 -1
- package/dist/card/card2.js +4 -4
- package/dist/chat-message/chat-message2.js +1 -1
- package/dist/checkbox/checkbox-group2.js +1 -1
- package/dist/checkbox/checkbox2.js +1 -1
- package/dist/color/color2.js +1 -1
- package/dist/combobox/combobox2.js +1 -1
- package/dist/copy-button/copy-button2.js +1 -1
- package/dist/custom-elements-jsx.d.ts +3 -0
- package/dist/custom-elements-vue.d.ts +3 -0
- package/dist/custom-elements.json +40 -1
- package/dist/data.html.json +5 -0
- package/dist/data.snippets.json +36 -36
- package/dist/date/date2.js +1 -1
- package/dist/datetime/datetime2.js +1 -1
- package/dist/dialog/dialog-footer2.js +1 -1
- package/dist/dialog/dialog-header2.js +1 -1
- package/dist/dialog/dialog2.js +1 -1
- package/dist/divider/divider2.js +1 -1
- package/dist/dot/dot2.js +1 -1
- package/dist/drawer/drawer-content2.js +1 -1
- package/dist/drawer/drawer-footer2.js +1 -1
- package/dist/drawer/drawer-header2.js +1 -1
- package/dist/drawer/drawer2.js +1 -1
- package/dist/dropdown/dropdown-footer2.js +1 -1
- package/dist/dropdown/dropdown-header2.js +1 -1
- package/dist/dropdown/dropdown2.js +1 -1
- package/dist/dropdown-group/dropdown-group.js +1 -1
- package/dist/dropzone/dropzone2.js +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/format-bytes/format-bytes2.js +1 -1
- package/dist/format-datetime/format-datetime2.js +1 -1
- package/dist/format-number/format-number2.js +1 -1
- package/dist/format-relative-time/format-relative-time2.js +1 -1
- package/dist/format-truncate/format-truncate2.js +1 -1
- package/dist/forms/control/control2.js +1 -1
- package/dist/forms/control-group/control-group2.js +1 -1
- package/dist/forms/control-message/control-message2.js +1 -1
- package/dist/gauge/gauge2.js +1 -1
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column2.js +1 -1
- package/dist/grid/footer/footer2.js +1 -1
- package/dist/grid/grid2.js +1 -1
- package/dist/grid/header/header2.js +1 -1
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +1 -1
- package/dist/icon/icon.d.ts +5 -0
- package/dist/icon/icon2.js +32 -23
- package/dist/icon/icon2.js.map +1 -1
- package/dist/icon-button/icon-button2.js +1 -1
- package/dist/index.js +1 -1
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +1 -1
- package/dist/internal/services/global.service.js +1 -1
- package/dist/logo/logo2.js +1 -1
- package/dist/menu/menu-item2.js +1 -1
- package/dist/menu/menu2.js +1 -1
- package/dist/month/month2.js +1 -1
- package/dist/notification/notification-group2.js +1 -1
- package/dist/notification/notification2.js +1 -1
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +1 -1
- package/dist/page/page-panel/page-panel-header2.js +1 -1
- package/dist/page/page-panel/page-panel2.js +1 -1
- package/dist/page/page2.js +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader2.js +1 -1
- package/dist/pagination/pagination2.js +1 -1
- package/dist/panel/panel2.js +4 -4
- package/dist/password/password2.js +1 -1
- package/dist/preferences-input/preferences-input2.js +1 -1
- package/dist/progress-bar/progress-bar2.js +1 -1
- package/dist/progress-ring/progress-ring2.js +1 -1
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +1 -1
- package/dist/pulse/pulse2.js +1 -1
- package/dist/radio/radio-group2.js +1 -1
- package/dist/radio/radio2.js +1 -1
- package/dist/range/range2.js +1 -1
- package/dist/resize-handle/resize-handle2.js +1 -1
- package/dist/search/search2.js +1 -1
- package/dist/select/select2.js +1 -1
- package/dist/skeleton/skeleton2.js +1 -1
- package/dist/sort-button/sort-button2.js +1 -1
- package/dist/sparkline/sparkline2.js +1 -1
- package/dist/star-rating/star-rating2.js +1 -1
- package/dist/steps/steps2.js +2 -2
- package/dist/switch/switch-group2.js +1 -1
- package/dist/switch/switch2.js +1 -1
- package/dist/tabs/tabs-group2.js +1 -1
- package/dist/tabs/tabs2.js +2 -2
- package/dist/tag/tag2.js +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/time2.js +1 -1
- package/dist/toast/toast2.js +1 -1
- package/dist/toggletip/toggletip-footer2.js +1 -1
- package/dist/toggletip/toggletip-header2.js +1 -1
- package/dist/toggletip/toggletip2.js +1 -1
- package/dist/toolbar/toolbar2.js +1 -1
- package/dist/tooltip/tooltip2.js +1 -1
- package/dist/tree/tree-node2.js +1 -1
- package/dist/tree/tree2.js +1 -1
- package/dist/week/week2.js +1 -1
- package/package.json +1 -1
package/dist/button/button2.js
CHANGED
package/dist/card/card2.js
CHANGED
|
@@ -16,7 +16,7 @@ var d = class extends c {
|
|
|
16
16
|
static {
|
|
17
17
|
this.metadata = {
|
|
18
18
|
tag: "nve-card",
|
|
19
|
-
version: "2.
|
|
19
|
+
version: "2.6.0"
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
@@ -37,7 +37,7 @@ var f = class extends c {
|
|
|
37
37
|
static {
|
|
38
38
|
this.metadata = {
|
|
39
39
|
tag: "nve-card-header",
|
|
40
|
-
version: "2.
|
|
40
|
+
version: "2.6.0",
|
|
41
41
|
parents: ["nve-card"]
|
|
42
42
|
};
|
|
43
43
|
}
|
|
@@ -53,7 +53,7 @@ var p = class extends c {
|
|
|
53
53
|
static {
|
|
54
54
|
this.metadata = {
|
|
55
55
|
tag: "nve-card-content",
|
|
56
|
-
version: "2.
|
|
56
|
+
version: "2.6.0",
|
|
57
57
|
parents: ["nve-card"]
|
|
58
58
|
};
|
|
59
59
|
}
|
|
@@ -72,7 +72,7 @@ var m = class extends c {
|
|
|
72
72
|
static {
|
|
73
73
|
this.metadata = {
|
|
74
74
|
tag: "nve-card-footer",
|
|
75
|
-
version: "2.
|
|
75
|
+
version: "2.6.0",
|
|
76
76
|
parents: ["nve-card"]
|
|
77
77
|
};
|
|
78
78
|
}
|
package/dist/color/color2.js
CHANGED
|
@@ -2051,6 +2051,9 @@ export type IconProps = {
|
|
|
2051
2051
|
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
2052
2052
|
/** Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
|
|
2053
2053
|
direction?: "up" | "down" | "left" | "right" | undefined;
|
|
2054
|
+
/** Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
|
|
2055
|
+
the outline form when that asset is unavailable. */
|
|
2056
|
+
appearance?: "outline" | "solid" | undefined;
|
|
2054
2057
|
/** The name of the icon SVG sprite to render. */
|
|
2055
2058
|
name?:
|
|
2056
2059
|
| "placeholder"
|
|
@@ -1920,6 +1920,9 @@ type IconProps = {
|
|
|
1920
1920
|
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
1921
1921
|
/** Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */
|
|
1922
1922
|
direction?: "up" | "down" | "left" | "right" | undefined;
|
|
1923
|
+
/** Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
|
|
1924
|
+
the outline form when that asset is unavailable. */
|
|
1925
|
+
appearance?: "outline" | "solid" | undefined;
|
|
1923
1926
|
/** The name of the icon SVG sprite to render. */
|
|
1924
1927
|
name?:
|
|
1925
1928
|
| "placeholder"
|
|
@@ -21639,6 +21639,26 @@
|
|
|
21639
21639
|
"attribute": "direction",
|
|
21640
21640
|
"reflects": true
|
|
21641
21641
|
},
|
|
21642
|
+
{
|
|
21643
|
+
"kind": "field",
|
|
21644
|
+
"name": "appearance",
|
|
21645
|
+
"type": {
|
|
21646
|
+
"text": "'outline' | 'solid' | undefined",
|
|
21647
|
+
"_sourceAliases": [],
|
|
21648
|
+
"values": [
|
|
21649
|
+
{
|
|
21650
|
+
"value": "outline",
|
|
21651
|
+
"description": ""
|
|
21652
|
+
},
|
|
21653
|
+
{
|
|
21654
|
+
"value": "solid",
|
|
21655
|
+
"description": ""
|
|
21656
|
+
}
|
|
21657
|
+
]
|
|
21658
|
+
},
|
|
21659
|
+
"description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
|
|
21660
|
+
"attribute": "appearance"
|
|
21661
|
+
},
|
|
21642
21662
|
{
|
|
21643
21663
|
"kind": "field",
|
|
21644
21664
|
"name": "name",
|
|
@@ -22845,6 +22865,25 @@
|
|
|
22845
22865
|
"description": "Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)",
|
|
22846
22866
|
"fieldName": "direction"
|
|
22847
22867
|
},
|
|
22868
|
+
{
|
|
22869
|
+
"name": "appearance",
|
|
22870
|
+
"type": {
|
|
22871
|
+
"text": "'outline' | 'solid' | undefined",
|
|
22872
|
+
"_sourceAliases": [],
|
|
22873
|
+
"values": [
|
|
22874
|
+
{
|
|
22875
|
+
"value": "outline",
|
|
22876
|
+
"description": ""
|
|
22877
|
+
},
|
|
22878
|
+
{
|
|
22879
|
+
"value": "solid",
|
|
22880
|
+
"description": ""
|
|
22881
|
+
}
|
|
22882
|
+
]
|
|
22883
|
+
},
|
|
22884
|
+
"description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
|
|
22885
|
+
"fieldName": "appearance"
|
|
22886
|
+
},
|
|
22848
22887
|
{
|
|
22849
22888
|
"name": "name",
|
|
22850
22889
|
"type": {
|
|
@@ -23981,7 +24020,7 @@
|
|
|
23981
24020
|
"documentation": "https://nvidia.github.io/elements/docs/elements/icon/",
|
|
23982
24021
|
"status": "stable",
|
|
23983
24022
|
"behavior": "content",
|
|
23984
|
-
"markdown": "## nve-icon\n\nAn icon is a graphic symbol designed to visually show the purpose of an interface element.\n\n### Example\n\n```html\n<nve-icon name=\"person\"></nve-icon>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom SVG content to override the named icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'danger' \\| 'success' \\| 'accent' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. - `accent` Highlights important actions or draws attention to primary interactive elements. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| 'xl' \\| undefined` | Controls the bounding box size of the icon given a t-shirt style value. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right' \\| undefined` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| name | `placeholder` \\| `caret` \\| `person` \\| `menu` \\| `cancel` \\| `gear` \\| `chevron` \\| `logout` \\| `copy` \\| `more-actions` \\| `add` \\| `arrow` \\| `delete` \\| `download` \\| `search` \\| `split-vertical` \\| `sparkles` \\| `branch` \\| `refresh` \\| `double-chevron` ... (use `icons_list` tool for full list) | The name of the icon SVG sprite to render. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |"
|
|
24023
|
+
"markdown": "## nve-icon\n\nAn icon is a graphic symbol designed to visually show the purpose of an interface element.\n\n### Example\n\n```html\n<nve-icon name=\"person\"></nve-icon>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom SVG content to override the named icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'danger' \\| 'success' \\| 'accent' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. - `accent` Highlights important actions or draws attention to primary interactive elements. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| 'xl' \\| undefined` | Controls the bounding box size of the icon given a t-shirt style value. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right' \\| undefined` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| appearance | `'outline' \\| 'solid' \\| undefined` | Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to the outline form when that asset is unavailable. |\n| name | `placeholder` \\| `caret` \\| `person` \\| `menu` \\| `cancel` \\| `gear` \\| `chevron` \\| `logout` \\| `copy` \\| `more-actions` \\| `add` \\| `arrow` \\| `delete` \\| `download` \\| `search` \\| `split-vertical` \\| `sparkles` \\| `branch` \\| `refresh` \\| `double-chevron` ... (use `icons_list` tool for full list) | The name of the icon SVG sprite to render. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |"
|
|
23985
24024
|
}
|
|
23986
24025
|
},
|
|
23987
24026
|
{
|
package/dist/data.html.json
CHANGED
|
@@ -2759,6 +2759,11 @@
|
|
|
2759
2759
|
{ "name": "right" }
|
|
2760
2760
|
]
|
|
2761
2761
|
},
|
|
2762
|
+
{
|
|
2763
|
+
"name": "appearance",
|
|
2764
|
+
"description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
|
|
2765
|
+
"values": [{ "name": "outline" }, { "name": "solid" }]
|
|
2766
|
+
},
|
|
2762
2767
|
{
|
|
2763
2768
|
"name": "name",
|
|
2764
2769
|
"description": "The name of the icon SVG sprite to render.",
|
package/dist/data.snippets.json
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"Toolbar with Progressive Filter Chip": {
|
|
3
|
-
"srcFile": "toolbar.snippets.html",
|
|
4
|
-
"prefix": [
|
|
5
|
-
"toolbar-with-progressive-filter-chip"
|
|
6
|
-
],
|
|
7
|
-
"type": "pattern",
|
|
8
|
-
"description": "Toolbar with progressive-filter-chip",
|
|
9
|
-
"body": "<div style=\"width: 100%;\">\n <nve-toolbar container=\"flat\" style=\"width: 100%;\">\n <nve-icon-button readonly icon-name=\"filter\" container=\"flat\" slot=\"prefix\"></nve-icon-button>\n <nve-progressive-filter-chip closable>\n <select aria-label=\"dataset\">\n <option selected>${1:status}</option>\n <option>${2:workload}</option>\n </select>\n <select aria-label=\"condition\">\n <option selected>${3:filter by}</option>\n <option>${4:sort by}</option>\n </select>\n <select multiple aria-label=\"filter\">\n <option selected>${5:progress}</option>\n <option>${6:pending}</option>\n <option>${7:success}</option>\n <option>${8:failed}</option>\n </select>\n </nve-progressive-filter-chip>\n <nve-combobox container=\"flat\" style=\"flex-grow: 1; min-width: 150px;\">\n <input type=\"search\" placeholder=\"${9:Add Filter}\">\n <datalist>\n <option value=\"${10:Status}\"></option>\n <option value=\"${11:Priority}\"></option>\n <option value=\"${12:Date}\"></option>\n <option value=\"${13:Session}\"></option>\n <option value=\"${14:Configuration}\"></option>\n <option value=\"${15:Contains}\"></option>\n </datalist>\n </nve-combobox>\n <nve-icon-button container=\"flat\" aria-label=\"clear filters\" icon-name=\"cancel\" slot=\"suffix\"></nve-icon-button>\n <nve-button slot=\"suffix\">${16:Save Filters}</nve-button>\n </nve-toolbar>\n</div>\n"
|
|
10
|
-
},
|
|
11
2
|
"Tabs": {
|
|
12
3
|
"srcFile": "tabs.snippets.html",
|
|
13
4
|
"prefix": [
|
|
@@ -44,6 +35,15 @@
|
|
|
44
35
|
"description": "Tabs group with slot-matched panels controlled by tab item commands.",
|
|
45
36
|
"body": "<nve-tabs-group id=\"${1:tab-group}\">\n <nve-tabs>\n <nve-tabs-item selected command=\"--toggle\" commandfor=\"${1:tab-group}\" value=\"${2:overview}\">${3:Overview}</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"${1:tab-group}\" value=\"${4:details}\">${5:Details}</nve-tabs-item>\n <nve-tabs-item command=\"--toggle\" commandfor=\"${1:tab-group}\" value=\"${6:settings}\">${7:Settings}</nve-tabs-item>\n </nve-tabs>\n <div slot=\"${2:overview}\">${8:Overview content}</div>\n <div slot=\"${4:details}\">${9:Details content}</div>\n <div slot=\"${6:settings}\">${10:Settings content}</div>\n</nve-tabs-group>\n$0\n"
|
|
46
37
|
},
|
|
38
|
+
"Toolbar with Progressive Filter Chip": {
|
|
39
|
+
"srcFile": "toolbar.snippets.html",
|
|
40
|
+
"prefix": [
|
|
41
|
+
"toolbar-with-progressive-filter-chip"
|
|
42
|
+
],
|
|
43
|
+
"type": "pattern",
|
|
44
|
+
"description": "Toolbar with progressive-filter-chip",
|
|
45
|
+
"body": "<div style=\"width: 100%;\">\n <nve-toolbar container=\"flat\" style=\"width: 100%;\">\n <nve-icon-button readonly icon-name=\"filter\" container=\"flat\" slot=\"prefix\"></nve-icon-button>\n <nve-progressive-filter-chip closable>\n <select aria-label=\"dataset\">\n <option selected>${1:status}</option>\n <option>${2:workload}</option>\n </select>\n <select aria-label=\"condition\">\n <option selected>${3:filter by}</option>\n <option>${4:sort by}</option>\n </select>\n <select multiple aria-label=\"filter\">\n <option selected>${5:progress}</option>\n <option>${6:pending}</option>\n <option>${7:success}</option>\n <option>${8:failed}</option>\n </select>\n </nve-progressive-filter-chip>\n <nve-combobox container=\"flat\" style=\"flex-grow: 1; min-width: 150px;\">\n <input type=\"search\" placeholder=\"${9:Add Filter}\">\n <datalist>\n <option value=\"${10:Status}\"></option>\n <option value=\"${11:Priority}\"></option>\n <option value=\"${12:Date}\"></option>\n <option value=\"${13:Session}\"></option>\n <option value=\"${14:Configuration}\"></option>\n <option value=\"${15:Contains}\"></option>\n </datalist>\n </nve-combobox>\n <nve-icon-button container=\"flat\" aria-label=\"clear filters\" icon-name=\"cancel\" slot=\"suffix\"></nve-icon-button>\n <nve-button slot=\"suffix\">${16:Save Filters}</nve-button>\n </nve-toolbar>\n</div>\n"
|
|
46
|
+
},
|
|
47
47
|
"Steps": {
|
|
48
48
|
"srcFile": "steps.snippets.html",
|
|
49
49
|
"prefix": [
|
|
@@ -251,33 +251,6 @@
|
|
|
251
251
|
"description": "Simple vertical button group with three icon buttons.",
|
|
252
252
|
"body": "<nve-button-group orientation=\"vertical\">\n <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
|
|
253
253
|
},
|
|
254
|
-
"Alert Group": {
|
|
255
|
-
"srcFile": "alert.snippets.html",
|
|
256
|
-
"prefix": [
|
|
257
|
-
"alert-group"
|
|
258
|
-
],
|
|
259
|
-
"type": "pattern",
|
|
260
|
-
"description": "Alert group with two alerts.",
|
|
261
|
-
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert closable>${3:Alert Text}</nve-alert>\n <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
|
|
262
|
-
},
|
|
263
|
-
"Alert with Action": {
|
|
264
|
-
"srcFile": "alert.snippets.html",
|
|
265
|
-
"prefix": [
|
|
266
|
-
"alert-action"
|
|
267
|
-
],
|
|
268
|
-
"type": "pattern",
|
|
269
|
-
"description": "Alert with action button.",
|
|
270
|
-
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
271
|
-
},
|
|
272
|
-
"Multiline Alert ": {
|
|
273
|
-
"srcFile": "alert.snippets.html",
|
|
274
|
-
"prefix": [
|
|
275
|
-
"multiline-alert"
|
|
276
|
-
],
|
|
277
|
-
"type": "pattern",
|
|
278
|
-
"description": "Alert text and preformatted code output.",
|
|
279
|
-
"body": "<nve-alert-group status=\"danger\">\n <nve-alert>\n Session Paused:\n <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n </pre>\n </div>\n </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
280
|
-
},
|
|
281
254
|
"Accordion": {
|
|
282
255
|
"srcFile": "accordion.snippets.html",
|
|
283
256
|
"prefix": [
|
|
@@ -304,5 +277,32 @@
|
|
|
304
277
|
"type": "pattern",
|
|
305
278
|
"description": "Accordion group with two accordion children.",
|
|
306
279
|
"body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n <nve-accordion>\n <nve-accordion-header>\n <div>${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${4:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${6:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${7:Content} </nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n$0\n"
|
|
280
|
+
},
|
|
281
|
+
"Alert Group": {
|
|
282
|
+
"srcFile": "alert.snippets.html",
|
|
283
|
+
"prefix": [
|
|
284
|
+
"alert-group"
|
|
285
|
+
],
|
|
286
|
+
"type": "pattern",
|
|
287
|
+
"description": "Alert group with two alerts.",
|
|
288
|
+
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert closable>${3:Alert Text}</nve-alert>\n <nve-alert closable>${4:Alert Text}</nve-alert>\n</nve-alert-group>\n$0\n"
|
|
289
|
+
},
|
|
290
|
+
"Alert with Action": {
|
|
291
|
+
"srcFile": "alert.snippets.html",
|
|
292
|
+
"prefix": [
|
|
293
|
+
"alert-action"
|
|
294
|
+
],
|
|
295
|
+
"type": "pattern",
|
|
296
|
+
"description": "Alert with action button.",
|
|
297
|
+
"body": "<nve-alert-group status=\"${1:accent}\" container=\"${2:flat}\" prominence=\"emphasis\">\n <nve-alert> ${3:Alert Text} <nve-button slot=\"actions\" container=\"flat\">${4:OK!}</nve-button> </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
298
|
+
},
|
|
299
|
+
"Multiline Alert ": {
|
|
300
|
+
"srcFile": "alert.snippets.html",
|
|
301
|
+
"prefix": [
|
|
302
|
+
"multiline-alert"
|
|
303
|
+
],
|
|
304
|
+
"type": "pattern",
|
|
305
|
+
"description": "Alert text and preformatted code output.",
|
|
306
|
+
"body": "<nve-alert-group status=\"danger\">\n <nve-alert>\n Session Paused:\n <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n </pre>\n </div>\n </nve-alert>\n</nve-alert-group>\n$0\n"
|
|
307
307
|
}
|
|
308
308
|
}
|
package/dist/date/date2.js
CHANGED
package/dist/dialog/dialog2.js
CHANGED
package/dist/divider/divider2.js
CHANGED
package/dist/dot/dot2.js
CHANGED
package/dist/drawer/drawer2.js
CHANGED
package/dist/file/file2.js
CHANGED
package/dist/gauge/gauge2.js
CHANGED
package/dist/grid/cell/cell2.js
CHANGED