@ni/nimble-components 8.2.1 → 8.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 +6 -1
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +714 -712
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +1 -0
- package/dist/esm/theme-provider/design-token-comments.js +1 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +1 -0
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +1 -0
- package/dist/esm/theme-provider/design-tokens.js +5 -1
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +6 -0
- package/dist/tokens.scss +3 -0
- package/package.json +1 -1
|
@@ -12342,6 +12342,7 @@
|
|
|
12342
12342
|
fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',
|
|
12343
12343
|
fillHoverSelectedColor: 'fill-hover-selected-color',
|
|
12344
12344
|
fillHoverColor: 'fill-hover-color',
|
|
12345
|
+
fillDownColor: 'fill-down-color',
|
|
12345
12346
|
borderColor: 'border-color',
|
|
12346
12347
|
borderRgbPartialColor: 'border-rgb-partial-color',
|
|
12347
12348
|
failColor: 'fail-color',
|
|
@@ -12598,10 +12599,11 @@
|
|
|
12598
12599
|
const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, ForestGreen));
|
|
12599
12600
|
DesignToken.create(styleNameFromTokenName(tokenNames.headerBackgroundColor)).withDefault((element) => getColorForTheme(element, Black7, Black80, ForestGreen));
|
|
12600
12601
|
DesignToken.create(styleNameFromTokenName(tokenNames.sectionBackgroundColor)).withDefault((element) => getColorForTheme(element, Black30, Black91, ForestGreen));
|
|
12601
|
-
const fillSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.
|
|
12602
|
+
const fillSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.2));
|
|
12602
12603
|
const fillSelectedRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)).withDefault((element) => hexToRgbPartial(getFillSelectedColorForTheme(element)));
|
|
12603
12604
|
const fillHoverSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.15));
|
|
12604
12605
|
const fillHoverColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverColor)).withDefault((element) => hexToRgbaCssColor(getFillHoverColorForTheme(element), 0.1));
|
|
12606
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.fillDownColor)).withDefault((element) => hexToRgbaCssColor(getFillDownColorForTheme(element), 0.15));
|
|
12605
12607
|
const borderColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderColor)).withDefault((element) => getDefaultLineColorForTheme(element));
|
|
12606
12608
|
const borderRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderRgbPartialColor)).withDefault((element) => hexToRgbPartial(getDefaultLineColorForTheme(element)));
|
|
12607
12609
|
const failColor = DesignToken.create(styleNameFromTokenName(tokenNames.failColor)).withDefault((element) => getFailColorForTheme(element));
|
|
@@ -12714,6 +12716,9 @@
|
|
|
12714
12716
|
function getFillHoverColorForTheme(element) {
|
|
12715
12717
|
return getColorForTheme(element, Black91, Black15, White);
|
|
12716
12718
|
}
|
|
12719
|
+
function getFillDownColorForTheme(element) {
|
|
12720
|
+
return getColorForTheme(element, Black91, Black15, White);
|
|
12721
|
+
}
|
|
12717
12722
|
|
|
12718
12723
|
/* eslint-disable max-classes-per-file */
|
|
12719
12724
|
/**
|