@ni/ok-components 1.1.0 → 1.1.1
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.
|
@@ -14764,6 +14764,7 @@
|
|
|
14764
14764
|
const tokenNames = {
|
|
14765
14765
|
actionRgbPartialColor: 'action-rgb-partial-color',
|
|
14766
14766
|
applicationBackgroundColor: 'application-background-color',
|
|
14767
|
+
containerBackgroundColor: 'container-background-color',
|
|
14767
14768
|
dividerBackgroundColor: 'divider-background-color',
|
|
14768
14769
|
dividerBackgroundDynamicColor: 'divider-background-dynamic-color',
|
|
14769
14770
|
headerBackgroundColor: 'header-background-color',
|
|
@@ -16301,6 +16302,7 @@
|
|
|
16301
16302
|
const tokenValues = {
|
|
16302
16303
|
actionRgbPartialColor: hexToRgbPartialThemeColor(createThemeColor(Black91, Black15, White)),
|
|
16303
16304
|
applicationBackgroundColor: createThemeColor(White, Black85, ForestGreen),
|
|
16305
|
+
containerBackgroundColor: hexToRgbaCssThemeColor(createThemeColor(Black91, Black15, White), 0.07, 0.1, 0.1),
|
|
16304
16306
|
headerBackgroundColor: createThemeColor(Black7, Black88, ForestGreen),
|
|
16305
16307
|
sectionBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
|
|
16306
16308
|
sectionBackgroundImage: createThemeColor(`linear-gradient(${Black15}, ${hexToRgbaCssColor(Black15, 0)})`, `linear-gradient(${Black82}, ${hexToRgbaCssColor(Black82, 0)})`, `linear-gradient(${ForestGreen}, ${hexToRgbaCssColor(ForestGreen, 0)})`),
|
|
@@ -16474,6 +16476,7 @@
|
|
|
16474
16476
|
// #region color tokens
|
|
16475
16477
|
const actionRgbPartialColor = createThemeColorToken(tokenNames.actionRgbPartialColor, tokenValues.actionRgbPartialColor);
|
|
16476
16478
|
const applicationBackgroundColor = createThemeColorToken(tokenNames.applicationBackgroundColor, tokenValues.applicationBackgroundColor);
|
|
16479
|
+
createThemeColorToken(tokenNames.containerBackgroundColor, tokenValues.containerBackgroundColor);
|
|
16477
16480
|
createThemeColorToken(tokenNames.headerBackgroundColor, tokenValues.headerBackgroundColor);
|
|
16478
16481
|
createThemeColorToken(tokenNames.sectionBackgroundColor, tokenValues.sectionBackgroundColor);
|
|
16479
16482
|
const sectionBackgroundImage = createThemeColorToken(tokenNames.sectionBackgroundImage, tokenValues.sectionBackgroundImage);
|