@ni/ok-components 0.2.17 → 0.2.18

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.
@@ -14768,6 +14768,7 @@
14768
14768
  actionRgbPartialColor: 'action-rgb-partial-color',
14769
14769
  applicationBackgroundColor: 'application-background-color',
14770
14770
  dividerBackgroundColor: 'divider-background-color',
14771
+ dividerBackgroundDynamicColor: 'divider-background-dynamic-color',
14771
14772
  headerBackgroundColor: 'header-background-color',
14772
14773
  sectionBackgroundColor: 'section-background-color',
14773
14774
  sectionBackgroundImage: 'section-background-image',
@@ -16162,7 +16163,9 @@
16162
16163
  const BannerFail100DarkUi = "#d63434";
16163
16164
  const Warning100LightUi = "#ff4b00";
16164
16165
  const Black91V10 = "#e8e8e8";
16166
+ const Black30 = "#d3d5d6";
16165
16167
  const Black82V100 = "#6e6f70";
16168
+ const Black77V100 = "#6f7073";
16166
16169
  const DigitalGreenDark = "#008557";
16167
16170
  const DigitalGreenDark105 = "#00734b";
16168
16171
  const DigitalGreenDark110 = "#00613f";
@@ -16305,6 +16308,7 @@
16305
16308
  sectionBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
16306
16309
  sectionBackgroundImage: createThemeColor(`linear-gradient(${Black15}, ${hexToRgbaCssColor(Black15, 0)})`, `linear-gradient(${Black82}, ${hexToRgbaCssColor(Black82, 0)})`, `linear-gradient(${ForestGreen}, ${hexToRgbaCssColor(ForestGreen, 0)})`),
16307
16310
  dividerBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
16311
+ dividerBackgroundDynamicColor: createThemeColor(Black30, Black77V100, ForestGreen),
16308
16312
  fillSelectedColor: hexToRgbaCssThemeColor(alias.fillSelectedColor, 0.2, 0.2, 0.2),
16309
16313
  fillSelectedRgbPartialColor: hexToRgbPartialThemeColor(alias.fillSelectedColor),
16310
16314
  fillHoverSelectedColor: hexToRgbaCssThemeColor(alias.fillSelectedColor, 0.15, 0.15, 0.15),
@@ -16477,6 +16481,7 @@
16477
16481
  createThemeColorToken(tokenNames.sectionBackgroundColor, tokenValues.sectionBackgroundColor);
16478
16482
  const sectionBackgroundImage = createThemeColorToken(tokenNames.sectionBackgroundImage, tokenValues.sectionBackgroundImage);
16479
16483
  createThemeColorToken(tokenNames.dividerBackgroundColor, tokenValues.dividerBackgroundColor);
16484
+ createThemeColorToken(tokenNames.dividerBackgroundDynamicColor, tokenValues.dividerBackgroundDynamicColor);
16480
16485
  const fillSelectedColor = createThemeColorToken(tokenNames.fillSelectedColor, tokenValues.fillSelectedColor);
16481
16486
  const fillSelectedRgbPartialColor = createThemeColorToken(tokenNames.fillSelectedRgbPartialColor, tokenValues.fillSelectedRgbPartialColor);
16482
16487
  const fillHoverSelectedColor = createThemeColorToken(tokenNames.fillHoverSelectedColor, tokenValues.fillHoverSelectedColor);