@nova-design-system/nova-react 3.4.0 → 3.5.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/dist/cjs/{index-CrgVjOZF.js → index-Te0zRbKN.js} +141 -165
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/{nv-alert.entry-CW72ajnD.js → nv-alert.entry-CPbApg9_.js} +1 -1
- package/dist/cjs/{nv-avatar.entry-D9wUCu5K.js → nv-avatar.entry-CwM8IOei.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-CQs2Sf6G.js → nv-badge_2.entry-Bqu-2k7E.js} +2 -2
- package/dist/cjs/{nv-breadcrumb.entry-CGrSsjAL.js → nv-breadcrumb.entry-CmceXVS9.js} +1 -1
- package/dist/cjs/{nv-breadcrumbs.entry-HStUGnwu.js → nv-breadcrumbs.entry-B7xbEUl5.js} +1 -1
- package/dist/cjs/{nv-button.entry-BJfYc4Ow.js → nv-button.entry-Cd_CE1fx.js} +1 -1
- package/dist/cjs/{nv-calendar.entry-Co8f_3E5.js → nv-calendar.entry-B2lm2nvb.js} +1 -1
- package/dist/cjs/{nv-col.entry-PJML3P46.js → nv-col.entry-BF8XR4B1.js} +1 -1
- package/dist/cjs/{nv-datagrid.entry-Bpwt9yDb.js → nv-datagrid.entry-CcQ8XP6J.js} +1 -1
- package/dist/cjs/{nv-datagridcolumn.entry-Dfifeiia.js → nv-datagridcolumn.entry-uGbQ4NMr.js} +1 -1
- package/dist/cjs/{nv-dialog.entry-eUEzDdrS.js → nv-dialog.entry-DyK4wFFz.js} +1 -1
- package/dist/cjs/{nv-dialogfooter_2.entry-HQyyE6VN.js → nv-dialogfooter_2.entry-DT3kR9Xn.js} +1 -1
- package/dist/cjs/{nv-fieldcheckbox.entry-C5AMgttR.js → nv-fieldcheckbox.entry-D_wHbgcq.js} +1 -1
- package/dist/cjs/{nv-fielddate.entry-Dkqz-UqJ.js → nv-fielddate.entry-BaIcP2EG.js} +1 -1
- package/dist/cjs/{nv-fielddaterange.entry-D6QmyWHp.js → nv-fielddaterange.entry-BNcF2N2M.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-BpZz90ob.js → nv-fielddropdown.entry-DWlDvODi.js} +4 -4
- package/dist/cjs/{nv-fielddropdownitem.entry-BbJ9SKGo.js → nv-fielddropdownitem.entry-BIy_GUKA.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-mnYvhkj0.js → nv-fieldmultiselect.entry-B74CLRuh.js} +1 -1
- package/dist/cjs/{nv-fieldnumber.entry-B5ED8fCU.js → nv-fieldnumber.entry-BQBy1EIj.js} +4 -4
- package/dist/cjs/{nv-fieldpassword.entry-ohASip15.js → nv-fieldpassword.entry-DNFZvmBx.js} +4 -4
- package/dist/cjs/{nv-fieldradio.entry-BPipemAC.js → nv-fieldradio.entry-BIR29jv5.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-BWZX6L-B.js → nv-fieldselect.entry-DulA_N5q.js} +6 -6
- package/dist/cjs/{nv-fieldslider.entry-nmE8TjBA.js → nv-fieldslider.entry-DCslY5gg.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-DxoznMYV.js → nv-fieldtext.entry-Dvv8KjJC.js} +4 -4
- package/dist/cjs/{nv-fieldtextarea.entry-BccBiMKe.js → nv-fieldtextarea.entry-rVcnznae.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-BmQ5DFbN.js → nv-fieldtime.entry-_fXkWsoI.js} +10 -10
- package/dist/cjs/nv-icon.entry-BGyFETNH.js +79 -0
- package/dist/cjs/{nv-iconbutton_2.entry-DguqeTa3.js → nv-iconbutton_2.entry-CtClzxKf.js} +3 -3
- package/dist/cjs/{nv-menu.entry-UTPRtlti.js → nv-menu.entry-B3vFxd1E.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-CaRqhVtk.js → nv-menuitem.entry-BIWwr98d.js} +2 -2
- package/dist/cjs/{nv-popover.entry-ByFhVB2j.js → nv-popover.entry-vonHjF_y.js} +2 -2
- package/dist/cjs/{nv-row.entry-BIwxIl3Q.js → nv-row.entry-BYUhLZ0r.js} +2 -2
- package/dist/cjs/{nv-stack.entry-xDwyG0Xr.js → nv-stack.entry-Cxc6QmII.js} +2 -2
- package/dist/cjs/{nv-table.entry-DCMcpbpc.js → nv-table.entry-DSBUXcSF.js} +3 -3
- package/dist/cjs/{nv-tablecolumn.entry-D_kTZ7Mp.js → nv-tablecolumn.entry-BP857bqD.js} +1 -1
- package/dist/cjs/{nv-toggle.entry-tds7tIzF.js → nv-toggle.entry-CnquGUlJ.js} +3 -3
- package/dist/cjs/{nv-tooltip.entry-PfQ2HgFG.js → nv-tooltip.entry-XvxL_FTH.js} +2 -2
- package/dist/generated/components.server.js +698 -0
- package/dist/types/generated/components.d.ts +40 -41
- package/dist/types/generated/components.server.d.ts +215 -0
- package/package.json +2 -2
- package/dist/cjs/nv-icon.entry-DE-sMmDp.js +0 -79
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const nvMenuitemCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";
|
|
@@ -49,7 +49,7 @@ const NvMenuitem = class {
|
|
|
49
49
|
/****************************************************************************/
|
|
50
50
|
//#region RENDER
|
|
51
51
|
render() {
|
|
52
|
-
return (index.h(index.Host, { key: '
|
|
52
|
+
return (index.h(index.Host, { key: 'e1d8de1448ac00846ecec2480e1e00d2a4b9fbf1', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '1fe6acb264c0c54114dfa22df1efc676be300baf', name: this.icon }), index.h("slot", { key: 'f3e1c15b56d209867bc28c7b23122309feb7c93f' }), this.label && index.h("span", { key: '38619eb47c50150a0e4779fbf5fa7fa8da1e1d4c', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'f30be0820969fd79f1ed55eb39878efb8cf9e527' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '8ab74974f2e12f7eb16aabe587597f64502c2911', name: "chevron-right" })));
|
|
53
53
|
}
|
|
54
54
|
get el() { return index.getElement(this); }
|
|
55
55
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
|
|
5
5
|
var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
|
|
6
6
|
require('react');
|
|
@@ -1950,7 +1950,7 @@ const NvPopover = class {
|
|
|
1950
1950
|
/****************************************************************************/
|
|
1951
1951
|
//#region RENDER
|
|
1952
1952
|
render() {
|
|
1953
|
-
return (index.h(index.Host, { key: '
|
|
1953
|
+
return (index.h(index.Host, { key: 'dd1a09e6df99069395fff7bb1a1b5d5e52331755' }, index.h("slot", { key: '998460dcac1e6cae6e420413c2e9bef460ed7d76', name: "trigger" }), index.h("div", { key: '36a4bad082087b073e1f26b997f902611f6b7265', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '7734847121f62b2233c0d99baa05c9c71ba9d6e4', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '29d5e8860f9ccdf2382f61c4276019a36983b0ff', name: "content" }))));
|
|
1954
1954
|
}
|
|
1955
1955
|
get el() { return index.getElement(this); }
|
|
1956
1956
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
|
|
@@ -13,7 +13,7 @@ const NvRow = class {
|
|
|
13
13
|
/****************************************************************************/
|
|
14
14
|
//#region RENDER
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: '7a41dce9acbfdc42b66a032f1d20437ebf3d79a1' }, index.h("slot", { key: '570d2bc95ad3ab2502a1e87699cdcb5818743b7b' })));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
NvRow.style = NvRowStyle0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -22,7 +22,7 @@ const NvStack = class {
|
|
|
22
22
|
/****************************************************************************/
|
|
23
23
|
//#region RENDER
|
|
24
24
|
render() {
|
|
25
|
-
return (index.h(index.Host, { key: '
|
|
25
|
+
return (index.h(index.Host, { key: '5f8251f0d74fbad4eb2af388202d943b10a57667', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '751196ccf84a2c64dd2c453e4f9ef92799102140' })));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
NvStack.style = NvStackStyle0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -314,14 +314,14 @@ const NvTable = class {
|
|
|
314
314
|
const rows = !this.table || this.table === undefined || this.parsedData.length === 0
|
|
315
315
|
? []
|
|
316
316
|
: this.table.data;
|
|
317
|
-
return (index.h(index.Host, { key: '
|
|
317
|
+
return (index.h(index.Host, { key: 'a7c287297ac47d07daf0039f9379a7698147475d' }, index.h("div", { key: '039d839527e1ac48b9725fb2a66e4d852c7a08e3', class: "hidden" }, index.h("slot", { key: '31c79cf49fa8799d5c68047995b02aebdbff33de' })), index.h("slot", { key: 'c007f5ce656ecbb736678454a64a531763af4df1', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
|
|
318
318
|
headerGroups.map(col => {
|
|
319
319
|
return (index.h("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
|
|
320
320
|
})))), index.h("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (index.h("tr", null, index.h("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (index.h("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
|
|
321
321
|
var _a;
|
|
322
322
|
return (index.h("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
|
|
323
323
|
((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
|
|
324
|
-
})))))))), index.h("slot", { key: '
|
|
324
|
+
})))))))), index.h("slot", { key: 'f50f12ca506cf3e6484dd04b485d06c505f23664', name: "after" })));
|
|
325
325
|
}
|
|
326
326
|
get el() { return index.getElement(this); }
|
|
327
327
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -65,8 +65,8 @@ const NvToggle = class {
|
|
|
65
65
|
/****************************************************************************/
|
|
66
66
|
//#region RENDER
|
|
67
67
|
render() {
|
|
68
|
-
return (index.h(index.Host, { key: '
|
|
69
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
68
|
+
return (index.h(index.Host, { key: 'e9159f5b38ef70de9058878abc81c35fb2a3d5d9', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '912ae7587d86e0f31114fd2166571b412dbe63d7', class: "input-container" }, index.h("input", { key: 'ecbc0069ec0ccbccfa664cd2253125bb8310e086', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'd7dd3611927aa1a38adcb8283a648239d68108b6', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '6d4f9adc04cc2e40a6b581d73ef68aeee4f8ec31', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'dccd8f62b8fec99879450d8073ed85c4d9203431', name: "label" }, this.label))), (this.description ||
|
|
69
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'dd148af7f803d3e407f24d0e4e8ec67a752ee119', class: "description" }, index.h("slot", { key: '95119657c064cdcdb24482381bf398287d1500de', name: "description" }, this.description))))));
|
|
70
70
|
}
|
|
71
71
|
static get formAssociated() { return true; }
|
|
72
72
|
get el() { return index.getElement(this); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
|
|
@@ -35,7 +35,7 @@ const NvTooltip = class {
|
|
|
35
35
|
/****************************************************************************/
|
|
36
36
|
//#region RENDER
|
|
37
37
|
render() {
|
|
38
|
-
return (index.h(index.Host, { key: '
|
|
38
|
+
return (index.h(index.Host, { key: 'a5ac533aff7f1dbeb92fdea0b512418a05ed39d1' }, index.h("slot", { key: '5c96133df21b7fdc7cf2d9eb73766dc88d4bdc2e' }), index.h("nv-popover", { key: 'e80cb8ebb57f57940e9a32bb00499a5a35e1e547', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '180dedb4dcf838271ea48986f5c8183fd8772af4', slot: "content" }, this.message), index.h("slot", { key: 'b5a026e8a446e08a1a50fc3838757e4b4264b07a', name: "content" }))));
|
|
39
39
|
}
|
|
40
40
|
get el() { return index.getElement(this); }
|
|
41
41
|
};
|