@nvidia-elements/core 0.0.9 → 0.0.10
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 +8 -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 +1 -0
- package/dist/bundles/index.js +2 -2
- 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 +2 -0
- package/dist/custom-elements-vue.d.ts +2 -0
- package/dist/custom-elements.json +22 -6
- package/dist/data.html.json +3 -1
- 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-datetime/format-datetime2.js +1 -1
- package/dist/format-relative-time/format-relative-time2.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/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/grid.examples.js.map +1 -1
- package/dist/grid/grid.examples.json +2 -2
- 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/icon2.js +2 -2
- package/dist/icon/icons/stop.js +6 -0
- package/dist/icon/icons/stop.js.map +1 -0
- package/dist/icon/icons.d.ts +1 -0
- package/dist/icon/icons.js +1 -0
- package/dist/icon/icons.js.map +1 -1
- package/dist/icon/server.js +1 -0
- package/dist/icon/server.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-bar.examples.js.map +1 -1
- package/dist/progress-bar/progress-bar.examples.json +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/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { getThemeTokens as e } from "./internal/utils/dom.js";
|
|
|
2
2
|
import { I18nService as t } from "./internal/services/i18n.service.js";
|
|
3
3
|
import { statusIcons as n } from "./internal/types/index.js";
|
|
4
4
|
//#region src/index.ts
|
|
5
|
-
var r = "0.0.
|
|
5
|
+
var r = "0.0.10", i = "@nvidia-elements";
|
|
6
6
|
//#endregion
|
|
7
7
|
export { t as I18nService, i as SCOPE, r as VERSION, e as getThemeTokens, n as statusIcons };
|
|
8
8
|
|
package/dist/input/input2.js
CHANGED
|
@@ -19,7 +19,7 @@ var a = class {
|
|
|
19
19
|
i18nRegistry: {},
|
|
20
20
|
audit: {}
|
|
21
21
|
}
|
|
22
|
-
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.0.
|
|
22
|
+
}, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.0.10"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["0.0.10"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
|
|
23
23
|
}
|
|
24
24
|
get state() {
|
|
25
25
|
return globalThis.NVE_ELEMENTS.state;
|
package/dist/logo/logo2.js
CHANGED
package/dist/menu/menu-item2.js
CHANGED
package/dist/menu/menu2.js
CHANGED
package/dist/month/month2.js
CHANGED
package/dist/page/page2.js
CHANGED
package/dist/panel/panel2.js
CHANGED
|
@@ -21,7 +21,7 @@ var g = class extends f {
|
|
|
21
21
|
static {
|
|
22
22
|
this.metadata = {
|
|
23
23
|
tag: "nve-panel-header",
|
|
24
|
-
version: "0.0.
|
|
24
|
+
version: "0.0.10"
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
@@ -37,7 +37,7 @@ var g = class extends f {
|
|
|
37
37
|
static {
|
|
38
38
|
this.metadata = {
|
|
39
39
|
tag: "nve-panel-content",
|
|
40
|
-
version: "0.0.
|
|
40
|
+
version: "0.0.10"
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
@@ -50,7 +50,7 @@ var g = class extends f {
|
|
|
50
50
|
static {
|
|
51
51
|
this.metadata = {
|
|
52
52
|
tag: "nve-panel-footer",
|
|
53
|
-
version: "0.0.
|
|
53
|
+
version: "0.0.10"
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
@@ -69,7 +69,7 @@ var g = class extends f {
|
|
|
69
69
|
static {
|
|
70
70
|
this.metadata = {
|
|
71
71
|
tag: "nve-panel",
|
|
72
|
-
version: "0.0.
|
|
72
|
+
version: "0.0.10"
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.examples.js","names":[],"sources":["../../src/progress-bar/progress-bar.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/progress-bar/define.js';\n\nexport default {\n title: 'Elements/Progress Bar',\n component: 'nve-progress-bar',\n};\n\n/**\n * @summary Standard progress bar for representing completion levels from 0% to 100% for task tracking.\n */\nexport const Default = {\n render: () => html`\n<nve-progress-bar value=\"50\"></nve-progress-bar>`\n};\n\n/**\n * @summary Progress bars with different status colors showing completion levels from 0% to 100% for task tracking.\n * @tags test-case\n */\nexport const Status = {\n render: () => html`\n<div nve-layout=\"column gap:md pad:lg full\">\n <nve-progress-bar value=\"0\"></nve-progress-bar>\n <nve-progress-bar value=\"10\"></nve-progress-bar>\n <nve-progress-bar status=\"accent\" value=\"25\"></nve-progress-bar>\n <nve-progress-bar status=\"success\" value=\"50\"></nve-progress-bar>\n <nve-progress-bar status=\"warning\" value=\"75\"></nve-progress-bar>\n <nve-progress-bar status=\"danger\" value=\"100\"></nve-progress-bar>\n</div>`\n};\n\n/**\n * @summary Progress bars with custom max values for representing non-percentage based progress like file counts or steps.\n * @tags test-case\n */\nexport const Max = {\n render: () => html`\n<div nve-layout=\"column gap:md pad:lg full\">\n <nve-progress-bar status=\"accent\" value=\"25\" max=\"50\"></nve-progress-bar>\n <nve-progress-bar status=\"accent\" value=\"45\" max=\"50\"></nve-progress-bar>\n</div>\n `\n};\n\n/**\n * @summary Use a labeled progress bar with percentage display to communicate upload or task status.\n * @tags pattern\n */\nexport const Labeled = {\n render: () => html`\n<div nve-layout=\"column gap:
|
|
1
|
+
{"version":3,"file":"progress-bar.examples.js","names":[],"sources":["../../src/progress-bar/progress-bar.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/progress-bar/define.js';\n\nexport default {\n title: 'Elements/Progress Bar',\n component: 'nve-progress-bar',\n};\n\n/**\n * @summary Standard progress bar for representing completion levels from 0% to 100% for task tracking.\n */\nexport const Default = {\n render: () => html`\n<nve-progress-bar value=\"50\"></nve-progress-bar>`\n};\n\n/**\n * @summary Progress bars with different status colors showing completion levels from 0% to 100% for task tracking.\n * @tags test-case\n */\nexport const Status = {\n render: () => html`\n<div nve-layout=\"column gap:md pad:lg full\">\n <nve-progress-bar value=\"0\"></nve-progress-bar>\n <nve-progress-bar value=\"10\"></nve-progress-bar>\n <nve-progress-bar status=\"accent\" value=\"25\"></nve-progress-bar>\n <nve-progress-bar status=\"success\" value=\"50\"></nve-progress-bar>\n <nve-progress-bar status=\"warning\" value=\"75\"></nve-progress-bar>\n <nve-progress-bar status=\"danger\" value=\"100\"></nve-progress-bar>\n</div>`\n};\n\n/**\n * @summary Progress bars with custom max values for representing non-percentage based progress like file counts or steps.\n * @tags test-case\n */\nexport const Max = {\n render: () => html`\n<div nve-layout=\"column gap:md pad:lg full\">\n <nve-progress-bar status=\"accent\" value=\"25\" max=\"50\"></nve-progress-bar>\n <nve-progress-bar status=\"accent\" value=\"45\" max=\"50\"></nve-progress-bar>\n</div>\n `\n};\n\n/**\n * @summary Use a labeled progress bar with percentage display to communicate upload or task status.\n * @tags pattern\n */\nexport const Labeled = {\n render: () => html`\n<div nve-layout=\"column gap:xs pad:lg align:horizontal-stretch full\">\n <div nve-layout=\"row align:space-between\">\n <p nve-text=\"label sm\">Upload Status</p>\n <p nve-text=\"label emphasis sm\">80%</p>\n </div>\n <nve-progress-bar status=\"accent\" value=\"80\"></nve-progress-bar>\n</div>\n `\n};\n\n/**\n * @summary Indeterminate progress bar for showing activity when completion time is unknown, like loading or processing.\n */\nexport const Indeterminate = {\n render: () => html`\n<nve-progress-bar></nve-progress-bar>`\n};\n\n/**\n * @summary Progress bars display as an animated loading indicator when no `value` attribute exists.\n * @tags test-case\n */\nexport const IndeterminateStatusColors = {\n render: () => html`\n<div nve-layout=\"column gap:md full\">\n <nve-progress-bar status=\"accent\"></nve-progress-bar>\n <nve-progress-bar status=\"warning\"></nve-progress-bar>\n <nve-progress-bar status=\"danger\"></nve-progress-bar>\n</div>`\n};\n\n/**\n * @summary Indeterminate progress bar with custom color, height, and opacity for brand-specific styling and visual emphasis.\n * @tags test-case\n */\nexport const IndeterminateCustomColor = {\n render: () => html`\n<nve-progress-bar style=\"--accent-color: var(--nve-sys-accent-primary-background); --height: var(--nve-ref-size-150); --opacity: 1;\"></nve-progress-bar>`\n};\n\n/**\n * @summary Progress bars with custom heights for different visual prominence levels and layout requirements.\n * @tags test-case\n * @description The progress bar's height accepts customization through the `--height` CSS custom property. This allows you to create progress bars that match your application's visual hierarchy and emphasis needs. For consistency and theming, use design system tokens, but any value that suits your layout also works.\n */\nexport const CustomHeights = {\n render: () => html`\n<div nve-layout=\"column gap:md full\">\n <nve-progress-bar style=\"--height: var(--nve-ref-size-100);\"></nve-progress-bar>\n <nve-progress-bar style=\"--height: var(--nve-ref-size-200);\"></nve-progress-bar>\n <nve-progress-bar style=\"--height: var(--nve-ref-size-300);\"></nve-progress-bar>\n</div>`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
{
|
|
37
37
|
"id": "core-progress-bar_labeled",
|
|
38
38
|
"name": "Labeled",
|
|
39
|
-
"template": "<div nve-layout=\"column gap:
|
|
39
|
+
"template": "<div nve-layout=\"column gap:xs pad:lg align:horizontal-stretch full\">\n <div nve-layout=\"row align:space-between\">\n <p nve-text=\"label sm\">Upload Status</p>\n <p nve-text=\"label emphasis sm\">80%</p>\n </div>\n <nve-progress-bar status=\"accent\" value=\"80\"></nve-progress-bar>\n</div>\n",
|
|
40
40
|
"summary": "Use a labeled progress bar with percentage display to communicate upload or task status.",
|
|
41
41
|
"description": "",
|
|
42
42
|
"composition": false,
|
package/dist/pulse/pulse2.js
CHANGED
package/dist/radio/radio2.js
CHANGED
package/dist/range/range2.js
CHANGED
package/dist/search/search2.js
CHANGED
package/dist/select/select2.js
CHANGED
package/dist/steps/steps2.js
CHANGED
|
@@ -23,7 +23,7 @@ var v = class extends r {
|
|
|
23
23
|
static {
|
|
24
24
|
this.metadata = {
|
|
25
25
|
tag: "nve-steps-item",
|
|
26
|
-
version: "0.0.
|
|
26
|
+
version: "0.0.10",
|
|
27
27
|
parents: ["nve-steps"]
|
|
28
28
|
};
|
|
29
29
|
}
|
|
@@ -67,7 +67,7 @@ var y = class extends f {
|
|
|
67
67
|
static {
|
|
68
68
|
this.metadata = {
|
|
69
69
|
tag: "nve-steps",
|
|
70
|
-
version: "0.0.
|
|
70
|
+
version: "0.0.10",
|
|
71
71
|
children: ["nve-steps-item"]
|
|
72
72
|
};
|
|
73
73
|
}
|
package/dist/switch/switch2.js
CHANGED
package/dist/tabs/tabs-group2.js
CHANGED
package/dist/tabs/tabs2.js
CHANGED
|
@@ -20,7 +20,7 @@ var _ = class extends o {
|
|
|
20
20
|
static {
|
|
21
21
|
this.metadata = {
|
|
22
22
|
tag: "nve-tabs-item",
|
|
23
|
-
version: "0.0.
|
|
23
|
+
version: "0.0.10",
|
|
24
24
|
parents: ["nve-tabs"]
|
|
25
25
|
};
|
|
26
26
|
}
|
|
@@ -51,7 +51,7 @@ var v = class extends p {
|
|
|
51
51
|
static {
|
|
52
52
|
this.metadata = {
|
|
53
53
|
tag: "nve-tabs",
|
|
54
|
-
version: "0.0.
|
|
54
|
+
version: "0.0.10",
|
|
55
55
|
children: ["nve-tabs-item"]
|
|
56
56
|
};
|
|
57
57
|
}
|
package/dist/tag/tag2.js
CHANGED
package/dist/time/time2.js
CHANGED
package/dist/toast/toast2.js
CHANGED
package/dist/toolbar/toolbar2.js
CHANGED
package/dist/tooltip/tooltip2.js
CHANGED
package/dist/tree/tree-node2.js
CHANGED
package/dist/tree/tree2.js
CHANGED
package/dist/week/week2.js
CHANGED