@ni/nimble-components 35.2.2 → 35.3.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/all-components-bundle.js +100 -17
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +6068 -6068
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +19 -1
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +19 -1
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-token-values.d.ts +18 -0
- package/dist/esm/theme-provider/design-token-values.js +19 -1
- package/dist/esm/theme-provider/design-token-values.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +18 -0
- package/dist/esm/theme-provider/design-tokens.js +18 -0
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +108 -0
- package/dist/tokens.scss +54 -0
- package/package.json +2 -2
|
@@ -14876,7 +14876,25 @@
|
|
|
14876
14876
|
calendarEventFillBlockedColor: 'calendar-event-fill-blocked-color',
|
|
14877
14877
|
calendarGrabHandleBackgroundColor: 'calendar-grab-handle-background-color',
|
|
14878
14878
|
calendarGridBorderColor: 'calendar-grid-border-color',
|
|
14879
|
-
calendarGroupHeaderBackgroundColor: 'calendar-group-header-background-color'
|
|
14879
|
+
calendarGroupHeaderBackgroundColor: 'calendar-group-header-background-color',
|
|
14880
|
+
calendarEventBackgroundJobColor: 'calendar-event-background-job-color',
|
|
14881
|
+
calendarEventBackgroundHoverJobColor: 'calendar-event-background-hover-job-color',
|
|
14882
|
+
calendarEventBorderJobColor: 'calendar-event-border-job-color',
|
|
14883
|
+
calendarEventJobFontColor: 'calendar-event-job-font-color',
|
|
14884
|
+
calendarEventBackgroundMaintenanceColor: 'calendar-event-background-maintenance-color',
|
|
14885
|
+
calendarEventBackgroundHoverMaintenanceColor: 'calendar-event-background-hover-maintenance-color',
|
|
14886
|
+
calendarEventBorderMaintenanceColor: 'calendar-event-border-maintenance-color',
|
|
14887
|
+
calendarEventBackgroundCalibrationColor: 'calendar-event-background-calibration-color',
|
|
14888
|
+
calendarEventBackgroundHoverCalibrationColor: 'calendar-event-background-hover-calibration-color',
|
|
14889
|
+
calendarEventBorderCalibrationColor: 'calendar-event-border-calibration-color',
|
|
14890
|
+
calendarEventBackgroundReservationColor: 'calendar-event-background-reservation-color',
|
|
14891
|
+
calendarEventBackgroundHoverReservationColor: 'calendar-event-background-hover-reservation-color',
|
|
14892
|
+
calendarEventBorderReservationColor: 'calendar-event-border-reservation-color',
|
|
14893
|
+
calendarEventBackgroundTransportOrderColor: 'calendar-event-background-transport-order-color',
|
|
14894
|
+
calendarEventBackgroundHoverTransportOrderColor: 'calendar-event-background-hover-transport-order-color',
|
|
14895
|
+
calendarEventBorderTransportOrderColor: 'calendar-event-border-transport-order-color',
|
|
14896
|
+
calendarEventBackgroundAggregateAvailabilityColor: 'calendar-event-background-aggregate-availability-color',
|
|
14897
|
+
calendarEventBorderAggregateAvailabilityColor: 'calendar-event-border-aggregate-availability-color'
|
|
14880
14898
|
};
|
|
14881
14899
|
const prefix = 'ni-nimble';
|
|
14882
14900
|
const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
|
|
@@ -16111,7 +16129,16 @@
|
|
|
16111
16129
|
|
|
16112
16130
|
const Information100DarkUi = "#a46eff";
|
|
16113
16131
|
const Information100LightUi = "#804ad9";
|
|
16132
|
+
const InformationLight10 = "#f3edfc";
|
|
16133
|
+
const InformationDark10 = "#413d4c";
|
|
16134
|
+
const InformationLight30 = "#d9c9f4";
|
|
16135
|
+
const InformationDark30 = "#574873";
|
|
16136
|
+
const InformationDarkTypography = "#c9abff";
|
|
16114
16137
|
const Warning100DarkUi = "#ff8126";
|
|
16138
|
+
const WarningLight10 = "#ffede6";
|
|
16139
|
+
const WarningDark10 = "#4a3e36";
|
|
16140
|
+
const WarningLight20 = "#ffdbcc";
|
|
16141
|
+
const WarningDark20 = "#5e4635";
|
|
16115
16142
|
const Pass100LightUi = "#009921";
|
|
16116
16143
|
const Pass100DarkUi = "#00c12b";
|
|
16117
16144
|
const Fail100LightUi = "#c4000c";
|
|
@@ -16132,6 +16159,8 @@
|
|
|
16132
16159
|
const NiSky = "#3cb4e7";
|
|
16133
16160
|
const BannerFail100DarkUi = "#d63434";
|
|
16134
16161
|
const Warning100LightUi = "#ff4b00";
|
|
16162
|
+
const Black91V10 = "#e8e8e8";
|
|
16163
|
+
const Black82V100 = "#6e6f70";
|
|
16135
16164
|
const DigitalGreenDark = "#008557";
|
|
16136
16165
|
const DigitalGreenDark105 = "#00734b";
|
|
16137
16166
|
const DigitalGreenDark110 = "#00613f";
|
|
@@ -16150,10 +16179,25 @@
|
|
|
16150
16179
|
const NiSea = "#00aba5";
|
|
16151
16180
|
const NiSeaLight = "#a5d8c8";
|
|
16152
16181
|
const NiTulip = "#e54c8a";
|
|
16182
|
+
const NiTulip10 = "#fdeef4";
|
|
16183
|
+
const NiTulipDark10 = "#483a41";
|
|
16184
|
+
const NiTulip20 = "#fadbe8";
|
|
16185
|
+
const NiTulipDark20 = "#593b49";
|
|
16153
16186
|
const NiIndigo = "#8e78b7";
|
|
16154
16187
|
const NiPlumDark1 = "#8c459a";
|
|
16155
16188
|
const NiIndigoDark2 = "#312e7f";
|
|
16156
16189
|
const NiSeaDark2 = "#00685f";
|
|
16190
|
+
const NiSpec10 = "#e6f6fb";
|
|
16191
|
+
const NiSpecDark10 = "#304147";
|
|
16192
|
+
const NiSpec20 = "#ccecf6";
|
|
16193
|
+
const NiSpecDark20 = "#2b4c57";
|
|
16194
|
+
const NiSpec = "#00a1d4";
|
|
16195
|
+
const BrownLight10 = "#f1eeeb";
|
|
16196
|
+
const BrownDark10 = "#403e3d";
|
|
16197
|
+
const BrownLight20 = "#e2dcd7";
|
|
16198
|
+
const BrownDark20 = "#4a4440";
|
|
16199
|
+
const BrownLight = "#6f4e37";
|
|
16200
|
+
const BrownDark = "#9b7a60";
|
|
16157
16201
|
const Title2Family = "Source Sans Pro";
|
|
16158
16202
|
const Title2Weight = "400";
|
|
16159
16203
|
const ControlLabel1Family = "Source Sans Pro";
|
|
@@ -16312,6 +16356,24 @@
|
|
|
16312
16356
|
calendarGrabHandleBackgroundColor: createThemeColor(DigitalGreenLight, PowerGreen, PowerGreen),
|
|
16313
16357
|
calendarGridBorderColor: createThemeColor(Black22, Black80, Black80),
|
|
16314
16358
|
calendarGroupHeaderBackgroundColor: createThemeColor(Black7, hexToRgbaCssColor(Black91, 0.1), hexToRgbaCssColor(Black91, 0.1)),
|
|
16359
|
+
calendarEventBackgroundJobColor: createThemeColor(InformationLight10, InformationDark10, InformationDark10),
|
|
16360
|
+
calendarEventBackgroundHoverJobColor: createThemeColor(InformationLight30, InformationDark30, InformationDark30),
|
|
16361
|
+
calendarEventBorderJobColor: createThemeColor(Information100LightUi, Information100DarkUi, Information100DarkUi),
|
|
16362
|
+
calendarEventJobFontColor: createThemeColor(Information100LightUi, InformationDarkTypography, InformationDarkTypography),
|
|
16363
|
+
calendarEventBackgroundMaintenanceColor: createThemeColor(WarningLight10, WarningDark10, WarningDark10),
|
|
16364
|
+
calendarEventBackgroundHoverMaintenanceColor: createThemeColor(WarningLight20, WarningDark20, WarningDark20),
|
|
16365
|
+
calendarEventBorderMaintenanceColor: createThemeColor(Warning100LightUi, Warning100DarkUi, Warning100DarkUi),
|
|
16366
|
+
calendarEventBackgroundCalibrationColor: createThemeColor(NiTulip10, NiTulipDark10, NiTulipDark10),
|
|
16367
|
+
calendarEventBackgroundHoverCalibrationColor: createThemeColor(NiTulip20, NiTulipDark20, NiTulipDark20),
|
|
16368
|
+
calendarEventBorderCalibrationColor: createThemeColor(NiTulip, NiTulip, NiTulip),
|
|
16369
|
+
calendarEventBackgroundReservationColor: createThemeColor(NiSpec10, NiSpecDark10, NiSpecDark10),
|
|
16370
|
+
calendarEventBackgroundHoverReservationColor: createThemeColor(NiSpec20, NiSpecDark20, NiSpecDark20),
|
|
16371
|
+
calendarEventBorderReservationColor: createThemeColor(NiSpec, NiSpec, NiSpec),
|
|
16372
|
+
calendarEventBackgroundTransportOrderColor: createThemeColor(BrownLight10, BrownDark10, BrownDark10),
|
|
16373
|
+
calendarEventBackgroundHoverTransportOrderColor: createThemeColor(BrownLight20, BrownDark20, BrownDark20),
|
|
16374
|
+
calendarEventBorderTransportOrderColor: createThemeColor(BrownLight, BrownDark, BrownDark),
|
|
16375
|
+
calendarEventBackgroundAggregateAvailabilityColor: createThemeColor(Black91V10, Black82, Black82),
|
|
16376
|
+
calendarEventBorderAggregateAvailabilityColor: hexToRgbaCssThemeColor(createThemeColor(Black91, Black82V100, Black82V100), 0.5, 1, 1),
|
|
16315
16377
|
controlHeight: '32px',
|
|
16316
16378
|
controlSlimHeight: '24px',
|
|
16317
16379
|
smallPadding: '4px',
|
|
@@ -16467,6 +16529,24 @@
|
|
|
16467
16529
|
createThemeColorToken(tokenNames.calendarGrabHandleBackgroundColor, tokenValues.calendarGrabHandleBackgroundColor);
|
|
16468
16530
|
createThemeColorToken(tokenNames.calendarGridBorderColor, tokenValues.calendarGridBorderColor);
|
|
16469
16531
|
createThemeColorToken(tokenNames.calendarGroupHeaderBackgroundColor, tokenValues.calendarGroupHeaderBackgroundColor);
|
|
16532
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundJobColor, tokenValues.calendarEventBackgroundJobColor);
|
|
16533
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundHoverJobColor, tokenValues.calendarEventBackgroundHoverJobColor);
|
|
16534
|
+
createThemeColorToken(tokenNames.calendarEventBorderJobColor, tokenValues.calendarEventBorderJobColor);
|
|
16535
|
+
createThemeColorToken(tokenNames.calendarEventJobFontColor, tokenValues.calendarEventJobFontColor);
|
|
16536
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundMaintenanceColor, tokenValues.calendarEventBackgroundMaintenanceColor);
|
|
16537
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundHoverMaintenanceColor, tokenValues.calendarEventBackgroundHoverMaintenanceColor);
|
|
16538
|
+
createThemeColorToken(tokenNames.calendarEventBorderMaintenanceColor, tokenValues.calendarEventBorderMaintenanceColor);
|
|
16539
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundCalibrationColor, tokenValues.calendarEventBackgroundCalibrationColor);
|
|
16540
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundHoverCalibrationColor, tokenValues.calendarEventBackgroundHoverCalibrationColor);
|
|
16541
|
+
createThemeColorToken(tokenNames.calendarEventBorderCalibrationColor, tokenValues.calendarEventBorderCalibrationColor);
|
|
16542
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundReservationColor, tokenValues.calendarEventBackgroundReservationColor);
|
|
16543
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundHoverReservationColor, tokenValues.calendarEventBackgroundHoverReservationColor);
|
|
16544
|
+
createThemeColorToken(tokenNames.calendarEventBorderReservationColor, tokenValues.calendarEventBorderReservationColor);
|
|
16545
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundTransportOrderColor, tokenValues.calendarEventBackgroundTransportOrderColor);
|
|
16546
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundHoverTransportOrderColor, tokenValues.calendarEventBackgroundHoverTransportOrderColor);
|
|
16547
|
+
createThemeColorToken(tokenNames.calendarEventBorderTransportOrderColor, tokenValues.calendarEventBorderTransportOrderColor);
|
|
16548
|
+
createThemeColorToken(tokenNames.calendarEventBackgroundAggregateAvailabilityColor, tokenValues.calendarEventBackgroundAggregateAvailabilityColor);
|
|
16549
|
+
createThemeColorToken(tokenNames.calendarEventBorderAggregateAvailabilityColor, tokenValues.calendarEventBorderAggregateAvailabilityColor);
|
|
16470
16550
|
// #endregion
|
|
16471
16551
|
// #region size tokens
|
|
16472
16552
|
const controlHeight = createStringToken(tokenNames.controlHeight, tokenValues.controlHeight);
|
|
@@ -39923,7 +40003,17 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
39923
40003
|
}
|
|
39924
40004
|
}
|
|
39925
40005
|
}
|
|
39926
|
-
if (
|
|
40006
|
+
if (added.some(n => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
|
|
40007
|
+
// Browsers sometimes insert a bogus break node if you
|
|
40008
|
+
// backspace out the last bit of text before an inline-flex node (#1552)
|
|
40009
|
+
for (let node of added)
|
|
40010
|
+
if (node.nodeName == "BR" && node.parentNode) {
|
|
40011
|
+
let after = node.nextSibling;
|
|
40012
|
+
if (after && after.nodeType == 1 && after.contentEditable == "false")
|
|
40013
|
+
node.parentNode.removeChild(node);
|
|
40014
|
+
}
|
|
40015
|
+
}
|
|
40016
|
+
else if (gecko && added.length) {
|
|
39927
40017
|
let brs = added.filter(n => n.nodeName == "BR");
|
|
39928
40018
|
if (brs.length == 2) {
|
|
39929
40019
|
let [a, b] = brs;
|
|
@@ -39941,17 +40031,6 @@ so this becomes the fallback color for the slot */ ''}
|
|
|
39941
40031
|
}
|
|
39942
40032
|
}
|
|
39943
40033
|
}
|
|
39944
|
-
else if ((chrome || safari) && added.some(n => n.nodeName == "BR") &&
|
|
39945
|
-
(view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
|
|
39946
|
-
// Chrome/Safari sometimes insert a bogus break node if you
|
|
39947
|
-
// backspace out the last bit of text before an inline-flex node (#1552)
|
|
39948
|
-
for (let node of added)
|
|
39949
|
-
if (node.nodeName == "BR" && node.parentNode) {
|
|
39950
|
-
let after = node.nextSibling;
|
|
39951
|
-
if (after && after.nodeType == 1 && after.contentEditable == "false")
|
|
39952
|
-
node.parentNode.removeChild(node);
|
|
39953
|
-
}
|
|
39954
|
-
}
|
|
39955
40034
|
let readSel = null;
|
|
39956
40035
|
// If it looks like the browser has reset the selection to the
|
|
39957
40036
|
// start of the document after focus, restore the selection from
|
|
@@ -56745,7 +56824,7 @@ ${renderedContent}
|
|
|
56745
56824
|
*/
|
|
56746
56825
|
isMarkAhead(parent, index, mark) {
|
|
56747
56826
|
for (;; index++) {
|
|
56748
|
-
if (index
|
|
56827
|
+
if (index >= parent.childCount)
|
|
56749
56828
|
return false;
|
|
56750
56829
|
let next = parent.child(index);
|
|
56751
56830
|
if (next.type.name != this.options.hardBreakNodeName)
|
|
@@ -59607,6 +59686,9 @@ ${renderedContent}
|
|
|
59607
59686
|
},
|
|
59608
59687
|
class: {
|
|
59609
59688
|
default: this.options.HTMLAttributes.class
|
|
59689
|
+
},
|
|
59690
|
+
title: {
|
|
59691
|
+
default: null
|
|
59610
59692
|
}
|
|
59611
59693
|
};
|
|
59612
59694
|
},
|
|
@@ -59646,10 +59728,11 @@ ${renderedContent}
|
|
|
59646
59728
|
});
|
|
59647
59729
|
},
|
|
59648
59730
|
renderMarkdown: (node, h) => {
|
|
59649
|
-
var _a;
|
|
59650
|
-
const href = ((_a = node.attrs) == null ? void 0 : _a.href)
|
|
59731
|
+
var _a, _b, _c, _d;
|
|
59732
|
+
const href = (_b = (_a = node.attrs) == null ? void 0 : _a.href) != null ? _b : "";
|
|
59733
|
+
const title = (_d = (_c = node.attrs) == null ? void 0 : _c.title) != null ? _d : "";
|
|
59651
59734
|
const text = h.renderChildren(node);
|
|
59652
|
-
return `[${text}](${href})`;
|
|
59735
|
+
return title ? `[${text}](${href} "${title}")` : `[${text}](${href})`;
|
|
59653
59736
|
},
|
|
59654
59737
|
addCommands() {
|
|
59655
59738
|
return {
|