@ni/nimble-components 11.3.0 → 11.4.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 +4 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +804 -804
- package/dist/all-components-bundle.min.js.map +1 -1
- 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 +3 -2
- 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
|
@@ -14338,11 +14338,11 @@
|
|
|
14338
14338
|
const White = "#ffffff";
|
|
14339
14339
|
const Black88 = "#252526";
|
|
14340
14340
|
const Black85 = "#363738";
|
|
14341
|
+
const Black80 = "#505153";
|
|
14341
14342
|
const Black91 = "#161617";
|
|
14342
14343
|
const ForestGreen = "#074023";
|
|
14343
14344
|
const DigitalGreenLight = "#009b65";
|
|
14344
14345
|
const Warning100LightUi = "#ff4b00";
|
|
14345
|
-
const Black30 = "#d3d5d6";
|
|
14346
14346
|
const DigitalGreenDark = "#006b46";
|
|
14347
14347
|
const PowerGreen = "#32eb96";
|
|
14348
14348
|
const Title2Family = "Source Sans Pro";
|
|
@@ -14471,6 +14471,7 @@
|
|
|
14471
14471
|
const tokenNames = {
|
|
14472
14472
|
actionRgbPartialColor: 'action-rgb-partial-color',
|
|
14473
14473
|
applicationBackgroundColor: 'application-background-color',
|
|
14474
|
+
dividerBackgroundColor: 'divider-background-color',
|
|
14474
14475
|
headerBackgroundColor: 'header-background-color',
|
|
14475
14476
|
sectionBackgroundColor: 'section-background-color',
|
|
14476
14477
|
fillSelectedColor: 'fill-selected-color',
|
|
@@ -14734,7 +14735,8 @@
|
|
|
14734
14735
|
const actionRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.actionRgbPartialColor)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));
|
|
14735
14736
|
const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, ForestGreen));
|
|
14736
14737
|
DesignToken.create(styleNameFromTokenName(tokenNames.headerBackgroundColor)).withDefault((element) => getColorForTheme(element, Black7, Black88, ForestGreen));
|
|
14737
|
-
DesignToken.create(styleNameFromTokenName(tokenNames.sectionBackgroundColor)).withDefault((element) => getColorForTheme(element,
|
|
14738
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.sectionBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
|
|
14739
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.dividerBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
|
|
14738
14740
|
const fillSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.2));
|
|
14739
14741
|
const fillSelectedRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)).withDefault((element) => hexToRgbPartial(getFillSelectedColorForTheme(element)));
|
|
14740
14742
|
const fillHoverSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.15));
|