@ni/nimble-components 21.5.5 → 21.6.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.
@@ -16301,7 +16301,7 @@
16301
16301
 
16302
16302
  /**
16303
16303
  * Do not edit directly
16304
- * Generated on Wed, 21 Feb 2024 19:32:37 GMT
16304
+ * Generated on Wed, 21 Feb 2024 21:01:51 GMT
16305
16305
  */
16306
16306
 
16307
16307
  const Information100DarkUi = "#a46eff";
@@ -16348,6 +16348,8 @@
16348
16348
  const TooltipCaptionWeight = "400";
16349
16349
  const BodyEmphasizedFamily = "Source Sans Pro";
16350
16350
  const BodyEmphasizedWeight = "600";
16351
+ const BodyEmphasized2Family = "Source Sans Pro";
16352
+ const BodyEmphasized2Weight = "600";
16351
16353
  const Subtitle1Family = "Source Sans Pro";
16352
16354
  const Subtitle1Weight = "300";
16353
16355
  const Title3Family = "Source Sans Pro";
@@ -16372,6 +16374,7 @@
16372
16374
  const PlaceholderSize = "14px";
16373
16375
  const TooltipCaptionSize = "11px";
16374
16376
  const BodyEmphasizedSize = "14px";
16377
+ const BodyEmphasized2Size = "16px";
16375
16378
  const Subtitle1Size = "12.800000190734863px";
16376
16379
  const Title3Size = "25px";
16377
16380
  const Subtitle2Size = "16px";
@@ -16392,6 +16395,7 @@
16392
16395
  const LinkLineHeight = "18px";
16393
16396
  const PlaceholderLineHeight = "18px";
16394
16397
  const BodyEmphasizedLineHeight = "18px";
16398
+ const BodyEmphasized2LineHeight = "16px";
16395
16399
  const ButtonLabel1LineHeight = "16px";
16396
16400
  const TooltipCaptionLineHeight = "14px";
16397
16401
  const SmallDelay = "0.075s"; // Short animation delay used for control state change animation
@@ -16599,6 +16603,14 @@
16599
16603
  bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
16600
16604
  bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
16601
16605
  bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
16606
+ bodyEmphasizedPlus1Font: 'body-emphasized-plus-1-font',
16607
+ bodyEmphasizedPlus1FontColor: 'body-emphasized-plus-1-font-color',
16608
+ bodyEmphasizedPlus1DisabledFontColor: 'body-emphasized-plus-1-disabled-font-color',
16609
+ bodyEmphasizedPlus1FontFamily: 'body-emphasized-plus-1-font-family',
16610
+ bodyEmphasizedPlus1FontSize: 'body-emphasized-plus-1-font-size',
16611
+ bodyEmphasizedPlus1FontWeight: 'body-emphasized-plus-1-font-weight',
16612
+ bodyEmphasizedPlus1FontLineHeight: 'body-emphasized-plus-1-font-line-height',
16613
+ bodyEmphasizedPlus1FallbackFontFamily: 'body-emphasized-plus-1-fallback-font-family',
16602
16614
  bodyFont: 'body-font',
16603
16615
  bodyFontColor: 'body-font-color',
16604
16616
  bodyDisabledFontColor: 'body-disabled-font-color',
@@ -16843,6 +16855,7 @@
16843
16855
  const PlaceholderFallbackFontFamily = 'Source Sans Pro Fallback';
16844
16856
  const BodyFallbackFontFamily = 'Source Sans Pro Fallback';
16845
16857
  const BodyEmphasizedFallbackFontFamily = 'Source Sans Pro Fallback';
16858
+ const BodyEmphasized2FallbackFontFamily = 'Source Sans Pro Fallback';
16846
16859
  const GroupLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
16847
16860
  const ControlLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
16848
16861
  const ButtonLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
@@ -16925,6 +16938,7 @@
16925
16938
  const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight, linkActiveProminentFallbackFontFamily] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
16926
16939
  const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight, placeholderFallbackFontFamily] = createFontTokens(tokenNames.placeholderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight, PlaceholderFallbackFontFamily);
16927
16940
  const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight, bodyEmphasizedFallbackFontFamily] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight, BodyEmphasizedFallbackFontFamily);
16941
+ createFontTokens(tokenNames.bodyEmphasizedPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight, BodyEmphasized2FallbackFontFamily);
16928
16942
  const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight, bodyFallbackFontFamily] = createFontTokens(tokenNames.bodyFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight, BodyFallbackFontFamily);
16929
16943
  const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight, groupHeaderFallbackFontFamily] = createFontTokens(tokenNames.groupHeaderFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GroupLabel1Family, GroupLabel1Weight, GroupLabel1Size, GroupLabel1LineHeight, GroupLabel1FallbackFontFamily);
16930
16944
  const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight, controlLabelFallbackFontFamily] = createFontTokens(tokenNames.controlLabelFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ControlLabel1Family, ControlLabel1Weight, ControlLabel1Size, ControlLabel1LineHeight, ControlLabel1FallbackFontFamily);