@ni/nimble-components 26.0.0 → 27.0.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 +34 -80
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3456 -3456
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/src/theme-provider/design-token-comments.d.ts +1 -1
- package/dist/esm/src/theme-provider/design-tokens.d.ts +23 -23
- package/dist/esm/theme-provider/design-token-comments.d.ts +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +1 -24
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.js +1 -24
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +23 -23
- package/dist/esm/theme-provider/design-tokens.js +32 -55
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +0 -138
- package/dist/tokens.scss +0 -69
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor: 'action-rgb-partial-color',\n applicationBackgroundColor: 'application-background-color',\n dividerBackgroundColor: 'divider-background-color',\n headerBackgroundColor: 'header-background-color',\n sectionBackgroundColor: 'section-background-color',\n buttonFillPrimaryColor: 'button-fill-primary-color',\n buttonPrimaryFontColor: 'button-primary-font-color',\n buttonFillAccentColor: 'button-fill-accent-color',\n buttonAccentBlockFontColor: 'button-accent-block-font-color',\n buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n fillSelectedColor: 'fill-selected-color',\n fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n fillHoverSelectedColor: 'fill-hover-selected-color',\n fillHoverColor: 'fill-hover-color',\n fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n fillDownColor: 'fill-down-color',\n borderColor: 'border-color',\n borderRgbPartialColor: 'border-rgb-partial-color',\n failColor: 'fail-color',\n warningColor: 'warning-color',\n passColor: 'pass-color',\n informationColor: 'information-color',\n borderHoverColor: 'border-hover-color',\n iconColor: 'icon-color',\n modalBackdropColor: 'modal-backdrop-color',\n popupBorderColor: 'popup-border-color',\n cardBorderColor: 'card-border-color',\n controlHeight: 'control-height',\n controlSlimHeight: 'control-slim-height',\n smallPadding: 'small-padding',\n mediumPadding: 'medium-padding',\n standardPadding: 'standard-padding',\n largePadding: 'large-padding',\n labelHeight: 'label-height',\n borderWidth: 'border-width',\n iconSize: 'icon-size',\n groupHeaderTextTransform: 'group-header-text-transform',\n drawerWidth: 'drawer-width',\n dialogSmallWidth: 'dialog-small-width',\n dialogSmallHeight: 'dialog-small-height',\n dialogSmallMaxHeight: 'dialog-small-max-height',\n dialogLargeWidth: 'dialog-large-width',\n dialogLargeHeight: 'dialog-large-height',\n dialogLargeMaxHeight: 'dialog-large-max-height',\n menuMinWidth: 'menu-min-width',\n bannerGapSize: 'banner-gap-size',\n spinnerSmallHeight: 'spinner-small-height',\n spinnerMediumHeight: 'spinner-medium-height',\n spinnerLargeHeight: 'spinner-large-height',\n smallDelay: 'small-delay',\n mediumDelay: 'medium-delay',\n largeDelay: 'large-delay',\n headlinePlus1Font: 'headline-plus-1-font',\n headlinePlus1FontColor: 'headline-plus-1-font-color',\n headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n headlinePlus1FontFamily: 'headline-plus-1-font-family',\n headlinePlus1FontSize: 'headline-plus-1-font-size',\n headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n headlinePlus1FallbackFontFamily: 'headline-plus-1-fallback-font-family',\n headlineFont: 'headline-font',\n headlineFontColor: 'headline-font-color',\n headlineDisabledFontColor: 'headline-disabled-font-color',\n headlineFontFamily: 'headline-font-family',\n headlineFontSize: 'headline-font-size',\n headlineFontWeight: 'headline-font-weight',\n headlineFontLineHeight: 'headline-font-line-height',\n headlineFallbackFontFamily: 'headline-fallback-font-family',\n tableHeaderFont: 'table-header-font',\n tableHeaderFontColor: 'table-header-font-color',\n tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n tableHeaderFontFamily: 'table-header-font-family',\n tableHeaderFontSize: 'table-header-font-size',\n tableHeaderFontWeight: 'table-header-font-weight',\n tableHeaderFontLineHeight: 'table-header-font-line-height',\n tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',\n titlePlus2Font: 'title-plus-2-font',\n titlePlus2FontColor: 'title-plus-2-font-color',\n titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n titlePlus2FontFamily: 'title-plus-2-font-family',\n titlePlus2FontSize: 'title-plus-2-font-size',\n titlePlus2FontWeight: 'title-plus-2-font-weight',\n titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n titlePlus2FallbackFontFamily: 'title-plus-2-fallback-font-family',\n titlePlus1Font: 'title-plus-1-font',\n titlePlus1FontColor: 'title-plus-1-font-color',\n titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n titlePlus1FontFamily: 'title-plus-1-font-family',\n titlePlus1FontSize: 'title-plus-1-font-size',\n titlePlus1FontWeight: 'title-plus-1-font-weight',\n titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n titlePlus1FallbackFontFamily: 'title-plus-1-fallback-font-family',\n titleFont: 'title-font',\n titleFontColor: 'title-font-color',\n titleDisabledFontColor: 'title-disabled-font-color',\n titleFontFamily: 'title-font-family',\n titleFontSize: 'title-font-size',\n titleFontWeight: 'title-font-weight',\n titleFontLineHeight: 'title-font-line-height',\n titleFallbackFontFamily: 'title-fallback-font-family',\n subtitlePlus1Font: 'subtitle-plus-1-font',\n subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n subtitlePlus1FallbackFontFamily: 'subtitle-plus-1-fallback-font-family',\n subtitleFont: 'subtitle-font',\n subtitleFontColor: 'subtitle-font-color',\n subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n subtitleFontFamily: 'subtitle-font-family',\n subtitleFontSize: 'subtitle-font-size',\n subtitleFontWeight: 'subtitle-font-weight',\n subtitleFontLineHeight: 'subtitle-font-line-height',\n subtitleFallbackFontFamily: 'subtitle-fallback-font-family',\n linkFont: 'link-font',\n linkFontColor: 'link-font-color',\n linkDisabledFontColor: 'link-disabled-font-color',\n linkFontFamily: 'link-font-family',\n linkFontSize: 'link-font-size',\n linkFontWeight: 'link-font-weight',\n linkFontLineHeight: 'link-font-line-height',\n linkFallbackFontFamily: 'link-fallback-font-family',\n linkActiveFont: 'link-active-font',\n linkActiveFontColor: 'link-active-font-color',\n linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n linkActiveFontFamily: 'link-active-font-family',\n linkActiveFontSize: 'link-active-font-size',\n linkActiveFontWeight: 'link-active-font-weight',\n linkActiveFontLineHeight: 'link-active-font-line-height',\n linkActiveFallbackFontFamily: 'link-active-fallback-font-family',\n linkProminentFont: 'link-prominent-font',\n linkProminentFontColor: 'link-prominent-font-color',\n linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n linkProminentFontFamily: 'link-prominent-font-family',\n linkProminentFontSize: 'link-prominent-font-size',\n linkProminentFontWeight: 'link-prominent-font-weight',\n linkProminentFontLineHeight: 'link-prominent-font-line-height',\n linkProminentFallbackFontFamily: 'link-prominent-fallback-font-family',\n linkActiveProminentFont: 'link-active-prominent-font',\n linkActiveProminentFontColor: 'link-active-prominent-font-color',\n linkActiveProminentDisabledFontColor:\n 'link-active-prominent-disabled-font-color',\n linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n linkActiveProminentFontSize: 'link-active-prominent-font-size',\n linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n linkActiveProminentFallbackFontFamily:\n 'link-active-prominent-fallback-font-family',\n placeholderFont: 'placeholder-font',\n placeholderFontColor: 'placeholder-font-color',\n placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n placeholderFontFamily: 'placeholder-font-family',\n placeholderFontSize: 'placeholder-font-size',\n placeholderFontWeight: 'placeholder-font-weight',\n placeholderFontLineHeight: 'placeholder-font-line-height',\n placeholderFallbackFontFamily: 'placeholder-fallback-font-family',\n bodyFont: 'body-font',\n bodyFontColor: 'body-font-color',\n bodyDisabledFontColor: 'body-disabled-font-color',\n bodyFontFamily: 'body-font-family',\n bodyFontSize: 'body-font-size',\n bodyFontWeight: 'body-font-weight',\n bodyFontLineHeight: 'body-font-line-height',\n bodyFallbackFontFamily: 'body-fallback-font-family',\n bodyEmphasizedFont: 'body-emphasized-font',\n bodyEmphasizedFontColor: 'body-emphasized-font-color',\n bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n bodyEmphasizedFontSize: 'body-emphasized-font-size',\n bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',\n bodyPlus1Font: 'body-plus-1-font',\n bodyPlus1FontColor: 'body-plus-1-font-color',\n bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n bodyPlus1FontFamily: 'body-plus-1-font-family',\n bodyPlus1FontSize: 'body-plus-1-font-size',\n bodyPlus1FontWeight: 'body-plus-1-font-weight',\n bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',\n bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n bodyPlus1EmphasizedDisabledFontColor:\n 'body-plus-1-emphasized-disabled-font-color',\n bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n bodyPlus1EmphasizedFontLineHeight:\n 'body-plus-1-emphasized-font-line-height',\n bodyPlus1EmphasizedFallbackFontFamily:\n 'body-plus-1-emphasized-fallback-font-family',\n groupHeaderFont: 'group-header-font',\n groupHeaderFontColor: 'group-header-font-color',\n groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n groupHeaderFontFamily: 'group-header-font-family',\n groupHeaderFontSize: 'group-header-font-size',\n groupHeaderFontWeight: 'group-header-font-weight',\n groupHeaderFontLineHeight: 'group-header-font-line-height',\n groupHeaderFallbackFontFamily: 'group-header-fallback-font-family',\n controlLabelFont: 'control-label-font',\n controlLabelFontColor: 'control-label-font-color',\n controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n controlLabelFontFamily: 'control-label-font-family',\n controlLabelFontSize: 'control-label-font-size',\n controlLabelFontWeight: 'control-label-font-weight',\n controlLabelFontLineHeight: 'control-label-font-line-height',\n controlLabelFallbackFontFamily: 'control-label-fallback-font-family',\n buttonLabelFont: 'button-label-font',\n buttonLabelFontColor: 'button-label-font-color',\n buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n buttonLabelFontFamily: 'button-label-font-family',\n buttonLabelFontSize: 'button-label-font-size',\n buttonLabelFontWeight: 'button-label-font-weight',\n buttonLabelFontLineHeight: 'button-label-font-line-height',\n buttonLabelFallbackFontFamily: 'button-label-fallback-font-family',\n tooltipCaptionFont: 'tooltip-caption-font',\n tooltipCaptionFontColor: 'tooltip-caption-font-color',\n tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n tooltipCaptionFontSize: 'tooltip-caption-font-size',\n tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n tooltipCaptionFallbackFontFamily: 'tooltip-caption-fallback-font-family',\n tooltipBackgroundColor: 'tooltip-background-color',\n errorTextFont: 'error-text-font',\n errorTextFontColor: 'error-text-font-color',\n errorTextDisabledFontColor: 'error-text-disabled-font-color',\n errorTextFontFamily: 'error-text-font-family',\n errorTextFontSize: 'error-text-font-size',\n errorTextFontWeight: 'error-text-font-weight',\n errorTextFontLineHeight: 'error-text-font-line-height',\n errorTextFallbackFontFamily: 'error-text-fallback-font-family',\n tableRowBorderColor: 'table-row-border-color',\n elevation1BoxShadow: 'elevation-1-box-shadow',\n elevation2BoxShadow: 'elevation-2-box-shadow',\n elevation3BoxShadow: 'elevation-3-box-shadow',\n graphGridlineColor: 'graph-gridline-color',\n mentionFont: 'mention-font',\n mentionFontColor: 'mention-font-color',\n mentionDisabledFontColor: 'mention-disabled-font-color',\n mentionFontFamily: 'mention-font-family',\n mentionFontSize: 'mention-font-size',\n mentionFontWeight: 'mention-font-weight',\n mentionFontLineHeight: 'mention-font-line-height',\n mentionFallbackFontFamily: 'mention-fallback-font-family'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n tokenName: string,\n cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n tokenName: string,\n property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n 'RgbPartialColor',\n 'DisabledFontColor',\n 'FontColor',\n 'FontLineHeight',\n 'FontWeight',\n 'FontSize',\n 'TextTransform',\n 'FontFamily',\n 'BoxShadow',\n 'MaxHeight',\n 'MinWidth',\n 'Font',\n 'Size',\n 'Width',\n 'Height',\n 'Delay',\n 'Padding',\n 'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}
|
|
1
|
+
{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor: 'action-rgb-partial-color',\n applicationBackgroundColor: 'application-background-color',\n dividerBackgroundColor: 'divider-background-color',\n headerBackgroundColor: 'header-background-color',\n sectionBackgroundColor: 'section-background-color',\n buttonFillPrimaryColor: 'button-fill-primary-color',\n buttonPrimaryFontColor: 'button-primary-font-color',\n buttonFillAccentColor: 'button-fill-accent-color',\n buttonAccentBlockFontColor: 'button-accent-block-font-color',\n buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n fillSelectedColor: 'fill-selected-color',\n fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n fillHoverSelectedColor: 'fill-hover-selected-color',\n fillHoverColor: 'fill-hover-color',\n fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n fillDownColor: 'fill-down-color',\n borderColor: 'border-color',\n borderRgbPartialColor: 'border-rgb-partial-color',\n failColor: 'fail-color',\n warningColor: 'warning-color',\n passColor: 'pass-color',\n informationColor: 'information-color',\n borderHoverColor: 'border-hover-color',\n iconColor: 'icon-color',\n modalBackdropColor: 'modal-backdrop-color',\n popupBorderColor: 'popup-border-color',\n cardBorderColor: 'card-border-color',\n controlHeight: 'control-height',\n controlSlimHeight: 'control-slim-height',\n smallPadding: 'small-padding',\n mediumPadding: 'medium-padding',\n standardPadding: 'standard-padding',\n largePadding: 'large-padding',\n labelHeight: 'label-height',\n borderWidth: 'border-width',\n iconSize: 'icon-size',\n groupHeaderTextTransform: 'group-header-text-transform',\n drawerWidth: 'drawer-width',\n dialogSmallWidth: 'dialog-small-width',\n dialogSmallHeight: 'dialog-small-height',\n dialogSmallMaxHeight: 'dialog-small-max-height',\n dialogLargeWidth: 'dialog-large-width',\n dialogLargeHeight: 'dialog-large-height',\n dialogLargeMaxHeight: 'dialog-large-max-height',\n menuMinWidth: 'menu-min-width',\n bannerGapSize: 'banner-gap-size',\n spinnerSmallHeight: 'spinner-small-height',\n spinnerMediumHeight: 'spinner-medium-height',\n spinnerLargeHeight: 'spinner-large-height',\n smallDelay: 'small-delay',\n mediumDelay: 'medium-delay',\n largeDelay: 'large-delay',\n headlinePlus1Font: 'headline-plus-1-font',\n headlinePlus1FontColor: 'headline-plus-1-font-color',\n headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n headlinePlus1FontFamily: 'headline-plus-1-font-family',\n headlinePlus1FontSize: 'headline-plus-1-font-size',\n headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n headlineFont: 'headline-font',\n headlineFontColor: 'headline-font-color',\n headlineDisabledFontColor: 'headline-disabled-font-color',\n headlineFontFamily: 'headline-font-family',\n headlineFontSize: 'headline-font-size',\n headlineFontWeight: 'headline-font-weight',\n headlineFontLineHeight: 'headline-font-line-height',\n tableHeaderFont: 'table-header-font',\n tableHeaderFontColor: 'table-header-font-color',\n tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n tableHeaderFontFamily: 'table-header-font-family',\n tableHeaderFontSize: 'table-header-font-size',\n tableHeaderFontWeight: 'table-header-font-weight',\n tableHeaderFontLineHeight: 'table-header-font-line-height',\n titlePlus2Font: 'title-plus-2-font',\n titlePlus2FontColor: 'title-plus-2-font-color',\n titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n titlePlus2FontFamily: 'title-plus-2-font-family',\n titlePlus2FontSize: 'title-plus-2-font-size',\n titlePlus2FontWeight: 'title-plus-2-font-weight',\n titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n titlePlus1Font: 'title-plus-1-font',\n titlePlus1FontColor: 'title-plus-1-font-color',\n titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n titlePlus1FontFamily: 'title-plus-1-font-family',\n titlePlus1FontSize: 'title-plus-1-font-size',\n titlePlus1FontWeight: 'title-plus-1-font-weight',\n titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n titleFont: 'title-font',\n titleFontColor: 'title-font-color',\n titleDisabledFontColor: 'title-disabled-font-color',\n titleFontFamily: 'title-font-family',\n titleFontSize: 'title-font-size',\n titleFontWeight: 'title-font-weight',\n titleFontLineHeight: 'title-font-line-height',\n subtitlePlus1Font: 'subtitle-plus-1-font',\n subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n subtitleFont: 'subtitle-font',\n subtitleFontColor: 'subtitle-font-color',\n subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n subtitleFontFamily: 'subtitle-font-family',\n subtitleFontSize: 'subtitle-font-size',\n subtitleFontWeight: 'subtitle-font-weight',\n subtitleFontLineHeight: 'subtitle-font-line-height',\n linkFont: 'link-font',\n linkFontColor: 'link-font-color',\n linkDisabledFontColor: 'link-disabled-font-color',\n linkFontFamily: 'link-font-family',\n linkFontSize: 'link-font-size',\n linkFontWeight: 'link-font-weight',\n linkFontLineHeight: 'link-font-line-height',\n linkActiveFont: 'link-active-font',\n linkActiveFontColor: 'link-active-font-color',\n linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n linkActiveFontFamily: 'link-active-font-family',\n linkActiveFontSize: 'link-active-font-size',\n linkActiveFontWeight: 'link-active-font-weight',\n linkActiveFontLineHeight: 'link-active-font-line-height',\n linkProminentFont: 'link-prominent-font',\n linkProminentFontColor: 'link-prominent-font-color',\n linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n linkProminentFontFamily: 'link-prominent-font-family',\n linkProminentFontSize: 'link-prominent-font-size',\n linkProminentFontWeight: 'link-prominent-font-weight',\n linkProminentFontLineHeight: 'link-prominent-font-line-height',\n linkActiveProminentFont: 'link-active-prominent-font',\n linkActiveProminentFontColor: 'link-active-prominent-font-color',\n linkActiveProminentDisabledFontColor:\n 'link-active-prominent-disabled-font-color',\n linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n linkActiveProminentFontSize: 'link-active-prominent-font-size',\n linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n placeholderFont: 'placeholder-font',\n placeholderFontColor: 'placeholder-font-color',\n placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n placeholderFontFamily: 'placeholder-font-family',\n placeholderFontSize: 'placeholder-font-size',\n placeholderFontWeight: 'placeholder-font-weight',\n placeholderFontLineHeight: 'placeholder-font-line-height',\n bodyFont: 'body-font',\n bodyFontColor: 'body-font-color',\n bodyDisabledFontColor: 'body-disabled-font-color',\n bodyFontFamily: 'body-font-family',\n bodyFontSize: 'body-font-size',\n bodyFontWeight: 'body-font-weight',\n bodyFontLineHeight: 'body-font-line-height',\n bodyEmphasizedFont: 'body-emphasized-font',\n bodyEmphasizedFontColor: 'body-emphasized-font-color',\n bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n bodyEmphasizedFontSize: 'body-emphasized-font-size',\n bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n bodyPlus1Font: 'body-plus-1-font',\n bodyPlus1FontColor: 'body-plus-1-font-color',\n bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n bodyPlus1FontFamily: 'body-plus-1-font-family',\n bodyPlus1FontSize: 'body-plus-1-font-size',\n bodyPlus1FontWeight: 'body-plus-1-font-weight',\n bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n bodyPlus1EmphasizedDisabledFontColor:\n 'body-plus-1-emphasized-disabled-font-color',\n bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n bodyPlus1EmphasizedFontLineHeight:\n 'body-plus-1-emphasized-font-line-height',\n groupHeaderFont: 'group-header-font',\n groupHeaderFontColor: 'group-header-font-color',\n groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n groupHeaderFontFamily: 'group-header-font-family',\n groupHeaderFontSize: 'group-header-font-size',\n groupHeaderFontWeight: 'group-header-font-weight',\n groupHeaderFontLineHeight: 'group-header-font-line-height',\n controlLabelFont: 'control-label-font',\n controlLabelFontColor: 'control-label-font-color',\n controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n controlLabelFontFamily: 'control-label-font-family',\n controlLabelFontSize: 'control-label-font-size',\n controlLabelFontWeight: 'control-label-font-weight',\n controlLabelFontLineHeight: 'control-label-font-line-height',\n buttonLabelFont: 'button-label-font',\n buttonLabelFontColor: 'button-label-font-color',\n buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n buttonLabelFontFamily: 'button-label-font-family',\n buttonLabelFontSize: 'button-label-font-size',\n buttonLabelFontWeight: 'button-label-font-weight',\n buttonLabelFontLineHeight: 'button-label-font-line-height',\n tooltipCaptionFont: 'tooltip-caption-font',\n tooltipCaptionFontColor: 'tooltip-caption-font-color',\n tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n tooltipCaptionFontSize: 'tooltip-caption-font-size',\n tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n tooltipBackgroundColor: 'tooltip-background-color',\n errorTextFont: 'error-text-font',\n errorTextFontColor: 'error-text-font-color',\n errorTextDisabledFontColor: 'error-text-disabled-font-color',\n errorTextFontFamily: 'error-text-font-family',\n errorTextFontSize: 'error-text-font-size',\n errorTextFontWeight: 'error-text-font-weight',\n errorTextFontLineHeight: 'error-text-font-line-height',\n tableRowBorderColor: 'table-row-border-color',\n elevation1BoxShadow: 'elevation-1-box-shadow',\n elevation2BoxShadow: 'elevation-2-box-shadow',\n elevation3BoxShadow: 'elevation-3-box-shadow',\n graphGridlineColor: 'graph-gridline-color',\n mentionFont: 'mention-font',\n mentionFontColor: 'mention-font-color',\n mentionDisabledFontColor: 'mention-disabled-font-color',\n mentionFontFamily: 'mention-font-family',\n mentionFontSize: 'mention-font-size',\n mentionFontWeight: 'mention-font-weight',\n mentionFontLineHeight: 'mention-font-line-height'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n tokenName: string,\n cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n tokenName: string,\n property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n 'RgbPartialColor',\n 'DisabledFontColor',\n 'FontColor',\n 'FontLineHeight',\n 'FontWeight',\n 'FontSize',\n 'TextTransform',\n 'FontFamily',\n 'BoxShadow',\n 'MaxHeight',\n 'MinWidth',\n 'Font',\n 'Size',\n 'Width',\n 'Height',\n 'Delay',\n 'Padding',\n 'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}
|
|
@@ -54,29 +54,29 @@ export declare const spinnerLargeHeight: CSSDesignToken<string>;
|
|
|
54
54
|
export declare const elevation1BoxShadow: CSSDesignToken<string>;
|
|
55
55
|
export declare const elevation2BoxShadow: CSSDesignToken<string>;
|
|
56
56
|
export declare const elevation3BoxShadow: CSSDesignToken<string>;
|
|
57
|
-
export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string
|
|
58
|
-
export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string
|
|
59
|
-
export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string
|
|
60
|
-
export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string
|
|
61
|
-
export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string
|
|
62
|
-
export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string
|
|
63
|
-
export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string
|
|
64
|
-
export declare const linkFont: CSSDesignToken<string>, linkFontColor: CSSDesignToken<string>, linkDisabledFontColor: CSSDesignToken<string>, linkFontFamily: CSSDesignToken<string>, linkFontWeight: CSSDesignToken<string>, linkFontSize: CSSDesignToken<string>, linkFontLineHeight: CSSDesignToken<string
|
|
65
|
-
export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor: CSSDesignToken<string>, linkActiveDisabledFontColor: CSSDesignToken<string>, linkActiveFontFamily: CSSDesignToken<string>, linkActiveFontWeight: CSSDesignToken<string>, linkActiveFontSize: CSSDesignToken<string>, linkActiveFontLineHeight: CSSDesignToken<string
|
|
66
|
-
export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string
|
|
67
|
-
export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string
|
|
68
|
-
export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string
|
|
69
|
-
export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string
|
|
70
|
-
export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string
|
|
71
|
-
export declare const bodyPlus1Font: CSSDesignToken<string>, bodyPlus1FontColor: CSSDesignToken<string>, bodyPlus1DisabledFontColor: CSSDesignToken<string>, bodyPlus1FontFamily: CSSDesignToken<string>, bodyPlus1FontWeight: CSSDesignToken<string>, bodyPlus1FontSize: CSSDesignToken<string>, bodyPlus1FontLineHeight: CSSDesignToken<string
|
|
72
|
-
export declare const bodyPlus1EmphasizedFont: CSSDesignToken<string>, bodyPlus1EmphasizedFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedDisabledFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedFontFamily: CSSDesignToken<string>, bodyPlus1EmphasizedFontWeight: CSSDesignToken<string>, bodyPlus1EmphasizedFontSize: CSSDesignToken<string>, bodyPlus1EmphasizedFontLineHeight: CSSDesignToken<string
|
|
73
|
-
export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string
|
|
74
|
-
export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string
|
|
75
|
-
export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string
|
|
76
|
-
export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string
|
|
77
|
-
export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string
|
|
78
|
-
export declare const tableHeaderFont: CSSDesignToken<string>, tableHeaderFontColor: CSSDesignToken<string>, tableHeaderDisabledFontColor: CSSDesignToken<string>, tableHeaderFontFamily: CSSDesignToken<string>, tableHeaderFontWeight: CSSDesignToken<string>, tableHeaderFontSize: CSSDesignToken<string>, tableHeaderFontLineHeight: CSSDesignToken<string
|
|
79
|
-
export declare const mentionFont: CSSDesignToken<string>, mentionFontColor: CSSDesignToken<string>, mentionDisabledFontColor: CSSDesignToken<string>, mentionFontFamily: CSSDesignToken<string>, mentionFontWeight: CSSDesignToken<string>, mentionFontSize: CSSDesignToken<string>, mentionFontLineHeight: CSSDesignToken<string
|
|
57
|
+
export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string>;
|
|
58
|
+
export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string>;
|
|
59
|
+
export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string>;
|
|
60
|
+
export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string>;
|
|
61
|
+
export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string>;
|
|
62
|
+
export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string>;
|
|
63
|
+
export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string>;
|
|
64
|
+
export declare const linkFont: CSSDesignToken<string>, linkFontColor: CSSDesignToken<string>, linkDisabledFontColor: CSSDesignToken<string>, linkFontFamily: CSSDesignToken<string>, linkFontWeight: CSSDesignToken<string>, linkFontSize: CSSDesignToken<string>, linkFontLineHeight: CSSDesignToken<string>;
|
|
65
|
+
export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor: CSSDesignToken<string>, linkActiveDisabledFontColor: CSSDesignToken<string>, linkActiveFontFamily: CSSDesignToken<string>, linkActiveFontWeight: CSSDesignToken<string>, linkActiveFontSize: CSSDesignToken<string>, linkActiveFontLineHeight: CSSDesignToken<string>;
|
|
66
|
+
export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string>;
|
|
67
|
+
export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string>;
|
|
68
|
+
export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>;
|
|
69
|
+
export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>;
|
|
70
|
+
export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>;
|
|
71
|
+
export declare const bodyPlus1Font: CSSDesignToken<string>, bodyPlus1FontColor: CSSDesignToken<string>, bodyPlus1DisabledFontColor: CSSDesignToken<string>, bodyPlus1FontFamily: CSSDesignToken<string>, bodyPlus1FontWeight: CSSDesignToken<string>, bodyPlus1FontSize: CSSDesignToken<string>, bodyPlus1FontLineHeight: CSSDesignToken<string>;
|
|
72
|
+
export declare const bodyPlus1EmphasizedFont: CSSDesignToken<string>, bodyPlus1EmphasizedFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedDisabledFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedFontFamily: CSSDesignToken<string>, bodyPlus1EmphasizedFontWeight: CSSDesignToken<string>, bodyPlus1EmphasizedFontSize: CSSDesignToken<string>, bodyPlus1EmphasizedFontLineHeight: CSSDesignToken<string>;
|
|
73
|
+
export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>;
|
|
74
|
+
export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>;
|
|
75
|
+
export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>;
|
|
76
|
+
export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string>;
|
|
77
|
+
export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string>;
|
|
78
|
+
export declare const tableHeaderFont: CSSDesignToken<string>, tableHeaderFontColor: CSSDesignToken<string>, tableHeaderDisabledFontColor: CSSDesignToken<string>, tableHeaderFontFamily: CSSDesignToken<string>, tableHeaderFontWeight: CSSDesignToken<string>, tableHeaderFontSize: CSSDesignToken<string>, tableHeaderFontLineHeight: CSSDesignToken<string>;
|
|
79
|
+
export declare const mentionFont: CSSDesignToken<string>, mentionFontColor: CSSDesignToken<string>, mentionDisabledFontColor: CSSDesignToken<string>, mentionFontFamily: CSSDesignToken<string>, mentionFontWeight: CSSDesignToken<string>, mentionFontSize: CSSDesignToken<string>, mentionFontLineHeight: CSSDesignToken<string>;
|
|
80
80
|
export declare const groupHeaderTextTransform: CSSDesignToken<string>;
|
|
81
81
|
export declare const smallDelay: CSSDesignToken<string>;
|
|
82
82
|
export declare const mediumDelay: CSSDesignToken<string>;
|
|
@@ -6,27 +6,6 @@ import { Theme } from './types';
|
|
|
6
6
|
import { tokenNames, styleNameFromTokenName } from './design-token-names';
|
|
7
7
|
import { theme } from '.';
|
|
8
8
|
import { hexToRgbaCssColor } from '../utilities/style/colors';
|
|
9
|
-
/* eslint-disable @typescript-eslint/naming-convention */
|
|
10
|
-
const Headline1FallbackFontFamily = 'Noto Serif Fallback';
|
|
11
|
-
const Headline2FallbackFontFamily = 'Noto Serif Fallback';
|
|
12
|
-
const Title1FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
13
|
-
const Title2FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
14
|
-
const Title3FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
15
|
-
const Subtitle1FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
16
|
-
const Subtitle2FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
17
|
-
const LinkFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
18
|
-
const PlaceholderFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
19
|
-
const BodyFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
20
|
-
const Body2FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
21
|
-
const BodyEmphasizedFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
22
|
-
const BodyEmphasized2FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
23
|
-
const GroupLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
24
|
-
const ControlLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
25
|
-
const ButtonLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
|
|
26
|
-
const TooltipCaptionFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
27
|
-
const ErrorLightUiFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
28
|
-
const GridHeaderFallbackFontFamily = 'Source Sans Pro Fallback';
|
|
29
|
-
/* eslint-enable @typescript-eslint/naming-convention */
|
|
30
9
|
// Color Tokens
|
|
31
10
|
export const actionRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.actionRgbPartialColor)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White)));
|
|
32
11
|
export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, ForestGreen));
|
|
@@ -87,29 +66,29 @@ export const elevation1BoxShadow = DesignToken.create(styleNameFromTokenName(tok
|
|
|
87
66
|
export const elevation2BoxShadow = DesignToken.create(styleNameFromTokenName(tokenNames.elevation2BoxShadow)).withDefault((element) => `0px 2px 4px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.16)}`);
|
|
88
67
|
export const elevation3BoxShadow = DesignToken.create(styleNameFromTokenName(tokenNames.elevation3BoxShadow)).withDefault((element) => `0px 4px 8px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.3)}`);
|
|
89
68
|
// Font Tokens
|
|
90
|
-
export const [headlineFont, headlineFontColor, headlineDisabledFontColor, headlineFontFamily, headlineFontWeight, headlineFontSize, headlineFontLineHeight
|
|
91
|
-
export const [headlinePlus1Font, headlinePlus1FontColor, headlinePlus1DisabledFontColor, headlinePlus1FontFamily, headlinePlus1FontWeight, headlinePlus1FontSize, headlinePlus1FontLineHeight
|
|
92
|
-
export const [titlePlus2Font, titlePlus2FontColor, titlePlus2DisabledFontColor, titlePlus2FontFamily, titlePlus2FontWeight, titlePlus2FontSize, titlePlus2FontLineHeight
|
|
93
|
-
export const [titlePlus1Font, titlePlus1FontColor, titlePlus1DisabledFontColor, titlePlus1FontFamily, titlePlus1FontWeight, titlePlus1FontSize, titlePlus1FontLineHeight
|
|
94
|
-
export const [titleFont, titleFontColor, titleDisabledFontColor, titleFontFamily, titleFontWeight, titleFontSize, titleFontLineHeight
|
|
95
|
-
export const [subtitlePlus1Font, subtitlePlus1FontColor, subtitlePlus1DisabledFontColor, subtitlePlus1FontFamily, subtitlePlus1FontWeight, subtitlePlus1FontSize, subtitlePlus1FontLineHeight
|
|
96
|
-
export const [subtitleFont, subtitleFontColor, subtitleDisabledFontColor, subtitleFontFamily, subtitleFontWeight, subtitleFontSize, subtitleFontLineHeight
|
|
97
|
-
export const [linkFont, linkFontColor, linkDisabledFontColor, linkFontFamily, linkFontWeight, linkFontSize, linkFontLineHeight
|
|
98
|
-
export const [linkActiveFont, linkActiveFontColor, linkActiveDisabledFontColor, linkActiveFontFamily, linkActiveFontWeight, linkActiveFontSize, linkActiveFontLineHeight
|
|
99
|
-
export const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight
|
|
100
|
-
export const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight
|
|
101
|
-
export const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight
|
|
102
|
-
export const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight
|
|
103
|
-
export const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight
|
|
104
|
-
export const [bodyPlus1Font, bodyPlus1FontColor, bodyPlus1DisabledFontColor, bodyPlus1FontFamily, bodyPlus1FontWeight, bodyPlus1FontSize, bodyPlus1FontLineHeight
|
|
105
|
-
export const [bodyPlus1EmphasizedFont, bodyPlus1EmphasizedFontColor, bodyPlus1EmphasizedDisabledFontColor, bodyPlus1EmphasizedFontFamily, bodyPlus1EmphasizedFontWeight, bodyPlus1EmphasizedFontSize, bodyPlus1EmphasizedFontLineHeight
|
|
106
|
-
export const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight
|
|
107
|
-
export const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight
|
|
108
|
-
export const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight
|
|
109
|
-
export const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight
|
|
110
|
-
export const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight
|
|
111
|
-
export const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight
|
|
112
|
-
export const [mentionFont, mentionFontColor, mentionDisabledFontColor, mentionFontFamily, mentionFontWeight, mentionFontSize, mentionFontLineHeight
|
|
69
|
+
export const [headlineFont, headlineFontColor, headlineDisabledFontColor, headlineFontFamily, headlineFontWeight, headlineFontSize, headlineFontLineHeight] = createFontTokens(tokenNames.headlineFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline1Family, Headline1Weight, Headline1Size, Headline1LineHeight);
|
|
70
|
+
export const [headlinePlus1Font, headlinePlus1FontColor, headlinePlus1DisabledFontColor, headlinePlus1FontFamily, headlinePlus1FontWeight, headlinePlus1FontSize, headlinePlus1FontLineHeight] = createFontTokens(tokenNames.headlinePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Headline2Family, Headline2Weight, Headline2Size, Headline2LineHeight);
|
|
71
|
+
export const [titlePlus2Font, titlePlus2FontColor, titlePlus2DisabledFontColor, titlePlus2FontFamily, titlePlus2FontWeight, titlePlus2FontSize, titlePlus2FontLineHeight] = createFontTokens(tokenNames.titlePlus2Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title3Family, Title3Weight, Title3Size, Title3LineHeight);
|
|
72
|
+
export const [titlePlus1Font, titlePlus1FontColor, titlePlus1DisabledFontColor, titlePlus1FontFamily, titlePlus1FontWeight, titlePlus1FontSize, titlePlus1FontLineHeight] = createFontTokens(tokenNames.titlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title2Family, Title2Weight, Title2Size, Title2LineHeight);
|
|
73
|
+
export const [titleFont, titleFontColor, titleDisabledFontColor, titleFontFamily, titleFontWeight, titleFontSize, titleFontLineHeight] = createFontTokens(tokenNames.titleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Title1Family, Title1Weight, Title1Size, Title1LineHeight);
|
|
74
|
+
export const [subtitlePlus1Font, subtitlePlus1FontColor, subtitlePlus1DisabledFontColor, subtitlePlus1FontFamily, subtitlePlus1FontWeight, subtitlePlus1FontSize, subtitlePlus1FontLineHeight] = createFontTokens(tokenNames.subtitlePlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle2Family, Subtitle2Weight, Subtitle2Size, Subtitle2LineHeight);
|
|
75
|
+
export const [subtitleFont, subtitleFontColor, subtitleDisabledFontColor, subtitleFontFamily, subtitleFontWeight, subtitleFontSize, subtitleFontLineHeight] = createFontTokens(tokenNames.subtitleFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Subtitle1Family, Subtitle1Weight, Subtitle1Size, Subtitle1LineHeight);
|
|
76
|
+
export const [linkFont, linkFontColor, linkDisabledFontColor, linkFontFamily, linkFontWeight, linkFontSize, linkFontLineHeight] = createFontTokens(tokenNames.linkFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
|
|
77
|
+
export const [linkActiveFont, linkActiveFontColor, linkActiveDisabledFontColor, linkActiveFontFamily, linkActiveFontWeight, linkActiveFontSize, linkActiveFontLineHeight] = createFontTokens(tokenNames.linkActiveFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
|
|
78
|
+
export const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight] = createFontTokens(tokenNames.linkProminentFont, (element) => getColorForTheme(element, DigitalGreenDark105, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
|
|
79
|
+
export const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.6)), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight);
|
|
80
|
+
export const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight] = createFontTokens(tokenNames.placeholderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight);
|
|
81
|
+
export const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight] = createFontTokens(tokenNames.bodyFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight);
|
|
82
|
+
export const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight);
|
|
83
|
+
export const [bodyPlus1Font, bodyPlus1FontColor, bodyPlus1DisabledFontColor, bodyPlus1FontFamily, bodyPlus1FontWeight, bodyPlus1FontSize, bodyPlus1FontLineHeight] = createFontTokens(tokenNames.bodyPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Body2Family, Body2Weight, Body2Size, Body2LineHeight);
|
|
84
|
+
export const [bodyPlus1EmphasizedFont, bodyPlus1EmphasizedFontColor, bodyPlus1EmphasizedDisabledFontColor, bodyPlus1EmphasizedFontFamily, bodyPlus1EmphasizedFontWeight, bodyPlus1EmphasizedFontSize, bodyPlus1EmphasizedFontLineHeight] = createFontTokens(tokenNames.bodyPlus1EmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight);
|
|
85
|
+
export const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight] = createFontTokens(tokenNames.groupHeaderFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GroupLabel1Family, GroupLabel1Weight, GroupLabel1Size, GroupLabel1LineHeight);
|
|
86
|
+
export const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight] = createFontTokens(tokenNames.controlLabelFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ControlLabel1Family, ControlLabel1Weight, ControlLabel1Size, ControlLabel1LineHeight);
|
|
87
|
+
export const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight] = createFontTokens(tokenNames.buttonLabelFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ButtonLabel1Family, ButtonLabel1Weight, ButtonLabel1Size, ButtonLabel1LineHeight);
|
|
88
|
+
export const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight] = createFontTokens(tokenNames.tooltipCaptionFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), TooltipCaptionFamily, TooltipCaptionWeight, TooltipCaptionSize, TooltipCaptionLineHeight);
|
|
89
|
+
export const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight] = createFontTokens(tokenNames.errorTextFont, (element) => getFailColorForTheme(element), (element) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3), ErrorLightUiFamily, ErrorLightUiWeight, ErrorLightUiSize, TooltipCaptionLineHeight);
|
|
90
|
+
export const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight] = createFontTokens(tokenNames.tableHeaderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GridHeaderFamily, GridHeaderWeight, GridHeaderSize, TooltipCaptionLineHeight);
|
|
91
|
+
export const [mentionFont, mentionFontColor, mentionDisabledFontColor, mentionFontFamily, mentionFontWeight, mentionFontSize, mentionFontLineHeight] = createFontTokens(tokenNames.mentionFont, (element) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyEmphasizedWeight, BodySize, BodyLineHeight);
|
|
113
92
|
// Font Transform Tokens
|
|
114
93
|
export const groupHeaderTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupHeaderTextTransform)).withDefault('uppercase');
|
|
115
94
|
// Animation Tokens
|
|
@@ -121,16 +100,16 @@ function hexToRgbPartial(hexValue) {
|
|
|
121
100
|
const { r, g, b } = parseColorHexRGB(hexValue);
|
|
122
101
|
return `${r * 255}, ${g * 255}, ${b * 255}`;
|
|
123
102
|
}
|
|
124
|
-
function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, family, weight, size, lineHeight
|
|
103
|
+
function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, family, weight, size, lineHeight) {
|
|
125
104
|
if (fontTokenName === ''
|
|
126
105
|
|| family === ''
|
|
127
106
|
|| weight === ''
|
|
128
107
|
|| size === ''
|
|
129
|
-
|| lineHeight === ''
|
|
130
|
-
|| fallbackFamily === '') {
|
|
108
|
+
|| lineHeight === '') {
|
|
131
109
|
throw new Error('createFontTokens parameter unexpectedly set to empty string');
|
|
132
110
|
}
|
|
133
|
-
const
|
|
111
|
+
const familyWithFallback = `${family}, ${family} Fallback`;
|
|
112
|
+
const fontToken = DesignToken.create(styleNameFromTokenName(fontTokenName)).withDefault(`${weight} ${size}/${lineHeight} ${familyWithFallback}`);
|
|
134
113
|
const fontNameParts = fontTokenName.split('-font');
|
|
135
114
|
const tokenPrefixWithoutFont = fontNameParts[0];
|
|
136
115
|
if (tokenPrefixWithoutFont === undefined || fontNameParts[1] !== '') {
|
|
@@ -138,11 +117,10 @@ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, f
|
|
|
138
117
|
}
|
|
139
118
|
const fontColorToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-color`)).withDefault((element) => colorFunction(element));
|
|
140
119
|
const fontDisabledColorToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-disabled-font-color`)).withDefault((element) => disabledColorFunction(element));
|
|
141
|
-
const fontFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)).withDefault(
|
|
142
|
-
const fontWeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)).withDefault(
|
|
143
|
-
const fontSizeToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)).withDefault(
|
|
144
|
-
const fontLineHeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)).withDefault(
|
|
145
|
-
const fontFallbackFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-fallback-font-family`)).withDefault(`${fallbackFamily}`);
|
|
120
|
+
const fontFamilyToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-family`)).withDefault(familyWithFallback);
|
|
121
|
+
const fontWeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-weight`)).withDefault(weight);
|
|
122
|
+
const fontSizeToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-size`)).withDefault(size);
|
|
123
|
+
const fontLineHeightToken = DesignToken.create(styleNameFromTokenName(`${tokenPrefixWithoutFont}-font-line-height`)).withDefault(lineHeight);
|
|
146
124
|
return [
|
|
147
125
|
fontToken,
|
|
148
126
|
fontColorToken,
|
|
@@ -150,8 +128,7 @@ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, f
|
|
|
150
128
|
fontFamilyToken,
|
|
151
129
|
fontWeightToken,
|
|
152
130
|
fontSizeToken,
|
|
153
|
-
fontLineHeightToken
|
|
154
|
-
fontFallbackFamilyToken
|
|
131
|
+
fontLineHeightToken
|
|
155
132
|
];
|
|
156
133
|
}
|
|
157
134
|
function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor) {
|