@ni/spright-components 3.0.8 → 3.0.9
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.
|
@@ -16061,6 +16061,7 @@
|
|
|
16061
16061
|
const DigitalGreenDark110 = "#00613f";
|
|
16062
16062
|
const PowerGreen = "#32eb96";
|
|
16063
16063
|
const PowerGreen10 = "#364941";
|
|
16064
|
+
const Black22 = "#e6e6e6";
|
|
16064
16065
|
const Black82 = "#434445";
|
|
16065
16066
|
const NiHoneyLight = "#ffe76b";
|
|
16066
16067
|
const NiScarlet = "#ef463f";
|
|
@@ -16406,7 +16407,9 @@
|
|
|
16406
16407
|
calendarEventBackgroundHoverTransientColor: 'calendar-event-background-hover-transient-color',
|
|
16407
16408
|
calendarRowBackgroundSelectedColor: 'calendar-row-background-selected-color',
|
|
16408
16409
|
calendarEventFillBlockedColor: 'calendar-event-fill-blocked-color',
|
|
16409
|
-
calendarGrabHandleBackgroundColor: 'calendar-grab-handle-background-color'
|
|
16410
|
+
calendarGrabHandleBackgroundColor: 'calendar-grab-handle-background-color',
|
|
16411
|
+
calendarGridBorderColor: 'calendar-grid-border-color',
|
|
16412
|
+
calendarGroupHeaderBackgroundColor: 'calendar-group-header-background-color'
|
|
16410
16413
|
};
|
|
16411
16414
|
const prefix = 'ni-nimble';
|
|
16412
16415
|
const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
|
|
@@ -16680,7 +16683,9 @@
|
|
|
16680
16683
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBackgroundHoverTransientColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark110, DigitalGreenDark105, DigitalGreenDark105));
|
|
16681
16684
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarRowBackgroundSelectedColor)).withDefault((element) => getColorForTheme(element, hexToRgbaCssColor(DigitalGreenLight, 0.2), hexToRgbaCssColor(PowerGreen, 0.2), hexToRgbaCssColor(PowerGreen, 0.2)));
|
|
16682
16685
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventFillBlockedColor)).withDefault((element) => getColorForTheme(element, hexToRgbaCssColor(Black91, 0.07), Black82, Black82));
|
|
16683
|
-
DesignToken.create(styleNameFromTokenName(tokenNames.calendarGrabHandleBackgroundColor)).withDefault((element) => getColorForTheme(element, DigitalGreenLight,
|
|
16686
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.calendarGrabHandleBackgroundColor)).withDefault((element) => getColorForTheme(element, DigitalGreenLight, PowerGreen, PowerGreen));
|
|
16687
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.calendarGridBorderColor)).withDefault((element) => getColorForTheme(element, Black22, Black80, Black80));
|
|
16688
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.calendarGroupHeaderBackgroundColor)).withDefault((element) => getColorForTheme(element, Black7, hexToRgbaCssColor(Black91, 0.1), hexToRgbaCssColor(Black91, 0.1)));
|
|
16684
16689
|
// Component Sizing Tokens
|
|
16685
16690
|
const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
|
|
16686
16691
|
const controlSlimHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlSlimHeight)).withDefault('24px');
|