@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.
- package/dist/all-components-bundle.js +15 -1
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3447 -3445
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +16 -8
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +8 -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 -1
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +48 -0
- package/dist/tokens.scss +32 -8
- package/package.json +2 -2
|
@@ -16301,7 +16301,7 @@
|
|
|
16301
16301
|
|
|
16302
16302
|
/**
|
|
16303
16303
|
* Do not edit directly
|
|
16304
|
-
* Generated on Wed, 21 Feb 2024
|
|
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);
|