@ni/nimble-components 31.2.0 → 31.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 +8 -4
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4377 -4377
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +3 -1
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +3 -1
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +2 -0
- package/dist/esm/theme-provider/design-tokens.js +4 -2
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +12 -0
- package/dist/tokens.scss +6 -0
- package/package.json +9 -12
|
@@ -16031,8 +16031,7 @@
|
|
|
16031
16031
|
}
|
|
16032
16032
|
|
|
16033
16033
|
/**
|
|
16034
|
-
* Do not edit directly
|
|
16035
|
-
* Generated on Mon, 12 Aug 2024 21:28:38 GMT
|
|
16034
|
+
* Do not edit directly, this file was auto-generated.
|
|
16036
16035
|
*/
|
|
16037
16036
|
|
|
16038
16037
|
const Information100DarkUi = "#a46eff";
|
|
@@ -16062,6 +16061,7 @@
|
|
|
16062
16061
|
const DigitalGreenDark110 = "#00613f";
|
|
16063
16062
|
const PowerGreen = "#32eb96";
|
|
16064
16063
|
const PowerGreen10 = "#364941";
|
|
16064
|
+
const Black22 = "#e6e6e6";
|
|
16065
16065
|
const Black82 = "#434445";
|
|
16066
16066
|
const NiHoneyLight = "#ffe76b";
|
|
16067
16067
|
const NiScarlet = "#ef463f";
|
|
@@ -16407,7 +16407,9 @@
|
|
|
16407
16407
|
calendarEventBackgroundHoverTransientColor: 'calendar-event-background-hover-transient-color',
|
|
16408
16408
|
calendarRowBackgroundSelectedColor: 'calendar-row-background-selected-color',
|
|
16409
16409
|
calendarEventFillBlockedColor: 'calendar-event-fill-blocked-color',
|
|
16410
|
-
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'
|
|
16411
16413
|
};
|
|
16412
16414
|
const prefix = 'ni-nimble';
|
|
16413
16415
|
const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
|
|
@@ -16681,7 +16683,9 @@
|
|
|
16681
16683
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBackgroundHoverTransientColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark110, DigitalGreenDark105, DigitalGreenDark105));
|
|
16682
16684
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarRowBackgroundSelectedColor)).withDefault((element) => getColorForTheme(element, hexToRgbaCssColor(DigitalGreenLight, 0.2), hexToRgbaCssColor(PowerGreen, 0.2), hexToRgbaCssColor(PowerGreen, 0.2)));
|
|
16683
16685
|
DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventFillBlockedColor)).withDefault((element) => getColorForTheme(element, hexToRgbaCssColor(Black91, 0.07), Black82, Black82));
|
|
16684
|
-
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)));
|
|
16685
16689
|
// Component Sizing Tokens
|
|
16686
16690
|
const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
|
|
16687
16691
|
const controlSlimHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlSlimHeight)).withDefault('24px');
|