@ni/nimble-components 33.11.1 → 33.12.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.
- package/dist/all-components-bundle.js +32 -4
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4508 -4506
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +2 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.d.ts +1 -1
- package/dist/esm/theme-provider/design-token-names.js +4 -1
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +2 -0
- package/dist/esm/theme-provider/design-tokens.js +6 -0
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +12 -0
- package/dist/tokens.scss +6 -0
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ export const comments = {
|
|
|
4
4
|
dividerBackgroundColor: 'Divider background color',
|
|
5
5
|
headerBackgroundColor: 'Background color for application headers',
|
|
6
6
|
sectionBackgroundColor: 'Background color for sections',
|
|
7
|
+
sectionBackgroundImage: 'Gradient background image for sections.',
|
|
7
8
|
buttonFillPrimaryColor: 'Control fill color for "primary" appearance-variant buttons',
|
|
8
9
|
buttonPrimaryFontColor: 'Font color for "primary" appearance-variant buttons',
|
|
9
10
|
buttonFillAccentColor: 'Control fill color for "accent" appearance-variant buttons',
|
|
@@ -36,6 +37,7 @@ export const comments = {
|
|
|
36
37
|
largePadding: 'Fixed 24px size ramp token for component layout',
|
|
37
38
|
labelHeight: 'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',
|
|
38
39
|
borderWidth: 'Standard border width for most components',
|
|
40
|
+
dividerWidth: 'Width of dividers between panes of an application',
|
|
39
41
|
iconSize: 'Standard layout height for all icons',
|
|
40
42
|
groupHeaderTextTransform: 'CSS text-transform string to use for headers',
|
|
41
43
|
drawerWidth: 'TODO: delete when able',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n applicationBackgroundColor: 'Primary background color for the application',\n dividerBackgroundColor: 'Divider background color',\n headerBackgroundColor: 'Background color for application headers',\n sectionBackgroundColor: 'Background color for sections',\n buttonFillPrimaryColor:\n 'Control fill color for \"primary\" appearance-variant buttons',\n buttonPrimaryFontColor:\n 'Font color for \"primary\" appearance-variant buttons',\n buttonFillAccentColor:\n 'Control fill color for \"accent\" appearance-variant buttons',\n buttonAccentBlockFontColor:\n 'Font color for \"accent\" appearance-variant block buttons',\n buttonAccentOutlineFontColor:\n 'Font color for \"accent\" appearance-variant outline buttons',\n buttonBorderAccentOutlineColor:\n 'Border color for \"accent\" appearance-variant outline buttons',\n fillSelectedColor: 'Control fill color when a control is selected',\n fillSelectedRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n fillHoverSelectedColor:\n 'Control fill color when hovering a selected control',\n fillHoverColor: 'Control fill color when hovering component',\n fillHoverRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n fillDownColor: 'Control fill color when mousedown event occurs',\n borderColor: 'Standard control outline or border color',\n borderRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n failColor: 'Used to highlight errors or invalid input',\n warningColor:\n 'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n passColor:\n 'Used to highlight a correct state or the successful completion of a process',\n informationColor:\n 'Used to highlight information, which provides more details on the item',\n borderHoverColor: 'Border color when hovering component',\n iconColor: 'Equivalent to the font color for icons',\n modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n popupBorderColor: 'Border color for menus and dialog boxes',\n cardBorderColor: 'Border color for cards',\n tagFillColor: 'Background fill color for tags, chips, or pills',\n controlHeight:\n 'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n controlSlimHeight:\n 'Height of controls that are somewhat shorter than standard height.',\n smallPadding: 'Fixed 4px size ramp token for component layout',\n mediumPadding: 'Fixed 8px size ramp token for component layout',\n standardPadding: 'Fixed 16px size ramp token for component layout',\n largePadding: 'Fixed 24px size ramp token for component layout',\n labelHeight:\n 'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n borderWidth: 'Standard border width for most components',\n iconSize: 'Standard layout height for all icons',\n groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n drawerWidth: 'TODO: delete when able',\n dialogSmallWidth:\n 'Standard width for small dialogs like a confirmation dialog.',\n dialogSmallHeight:\n 'Standard height for small dialogs like a confirmation dialog.',\n dialogSmallMaxHeight:\n 'Standard maximum height for small dialogs like a confirmation dialog.',\n dialogLargeWidth: 'Standard width for large dialogs.',\n dialogLargeHeight: 'Standard height for large dialogs.',\n dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n menuMinWidth: 'Standard menu min width for menu popup.',\n bannerGapSize: 'Space between stacked banners',\n spinnerSmallHeight: 'Small height (16px) for a spinner component',\n spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n spinnerLargeHeight: 'Large height (64px) for a spinner component',\n tableFitRowsHeight:\n 'The height of the table when all rows are visible. It is set automatically to the correct value within the scope of each table.',\n smallDelay:\n 'Elements with small transition areas, such as icons and selection controls, have short durations.',\n mediumDelay:\n 'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n largeDelay:\n 'Animated elements that traverse a large portion of the screen have the longest durations.',\n headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n headlinePlus1DisabledFontColor:\n 'Disabled font color for the \"Headline_2\" base token',\n headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n headlinePlus1FontLineHeight:\n 'Font line height for the \"Headline_2\" base token',\n headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n headlineFontColor: 'Font color for the \"Headline_1\" base token',\n headlineDisabledFontColor:\n 'Disabled font color for the \"Headline_1\" base token',\n headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n headlineFontSize: 'Font size for the \"Headline_1\" base token',\n headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n tableHeaderDisabledFontColor:\n 'Disabled font color for the \"Grid_Header\" base token',\n tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n tableHeaderFontLineHeight:\n 'Font line height for the \"Grid_Header\" base token',\n titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n titlePlus2DisabledFontColor:\n 'Disabled font color for the \"Title_3\" base token',\n titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n titlePlus1DisabledFontColor:\n 'Disabled font color for the \"Title_2\" base token',\n titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n titleFont: 'Font shorthand for the \"Title_1\" base token',\n titleFontColor: 'Font color for the \"Title_1\" base token',\n titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n titleFontFamily: 'Font family for the \"Title_1\" base token',\n titleFontSize: 'Font size for the \"Title_1\" base token',\n titleFontWeight: 'Font weight for the \"Title_1\" base token',\n titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n subtitlePlus1DisabledFontColor:\n 'Disabled font color for the \"Subtitle_2\" base token',\n subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n subtitlePlus1FontLineHeight:\n 'Font line height for the \"Subtitle_2\" base token',\n subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n subtitleDisabledFontColor:\n 'Disabled font color for the \"Subtitle_1\" base token',\n subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n linkFont: 'Font shorthand for links',\n linkFontColor: 'Font color for links',\n linkDisabledFontColor: 'Disabled font color for links',\n linkFontFamily: 'Font family for links',\n linkFontSize: 'Font size for links',\n linkFontWeight: 'Font weight for links',\n linkFontLineHeight: 'Font line height for links',\n linkActiveFont: 'Font shorthand for active links',\n linkActiveFontColor: 'Font color for active links',\n linkActiveDisabledFontColor: 'Disabled font color for active links',\n linkActiveFontFamily: 'Font family for active links',\n linkActiveFontSize: 'Font size for active links',\n linkActiveFontWeight: 'Font weight for active links',\n linkActiveFontLineHeight: 'Font line height for active links',\n linkProminentFont: 'Font shorthand for prominent links',\n linkProminentFontColor: 'Font color for prominent links',\n linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n linkProminentFontFamily: 'Font family for prominent links',\n linkProminentFontSize: 'Font size for prominent links',\n linkProminentFontWeight: 'Font weight for prominent links',\n linkProminentFontLineHeight: 'Font line height for prominent links',\n linkActiveProminentFont: 'Font shorthand for active prominent links',\n linkActiveProminentFontColor: 'Font color for active prominent links',\n linkActiveProminentDisabledFontColor:\n 'Disabled font color for active prominent links',\n linkActiveProminentFontFamily: 'Font family for active prominent links',\n linkActiveProminentFontSize: 'Font size for active prominent links',\n linkActiveProminentFontWeight: 'Font weight for active prominent links',\n linkActiveProminentFontLineHeight:\n 'Font line height for active prominent links',\n placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n placeholderDisabledFontColor:\n 'Disabled font color for the \"Placeholder\" base token',\n placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n placeholderFontLineHeight:\n 'Font line height for the \"Placeholder\" base token',\n bodyFont: 'Font shorthand for the \"Body\" base token',\n bodyFontColor: 'Font color for the \"Body\" base token',\n bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n bodyFontFamily: 'Font family for the \"Body\" base token',\n bodyFontSize: 'Font size for the \"Body\" base token',\n bodyFontWeight: 'Font weight for the \"Body\" base token',\n bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n bodyEmphasizedDisabledFontColor:\n 'Disabled font color for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontLineHeight:\n 'Font line height for the \"BodyEmphasized\" base token',\n bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n bodyPlus1DisabledFontColor:\n 'Disabled font color for the \"Body_2\" base token',\n bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n bodyPlus1EmphasizedFont:\n 'Font shorthand for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontColor:\n 'Font color for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedDisabledFontColor:\n 'Disabled font color for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontFamily:\n 'Font family for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontSize:\n 'Font size for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontWeight:\n 'Font weight for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontLineHeight:\n 'Font line height for the \"BodyEmphasized_2\" base token',\n groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n groupHeaderDisabledFontColor:\n 'Disabled font color for the\"Group_Header_1\" base token',\n groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n groupHeaderFontLineHeight:\n 'Font line height for the \"Group_Header_1\" base token',\n controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n controlLabelDisabledFontColor:\n 'Disabled font color for the \"Control_Label_1\" base token',\n controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n controlLabelFontLineHeight:\n 'Font line height for the \"Control_Label_1\" base token',\n buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n buttonLabelDisabledFontColor:\n 'Disabled font color for the \"Button_Label_1\" base token',\n buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n buttonLabelFontLineHeight:\n 'Font line height for the \"Button_Label_1\" base token',\n tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n tooltipCaptionDisabledFontColor:\n 'Disabled font color for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontFamily:\n 'Font family for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontWeight:\n 'Font weight for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontLineHeight:\n 'Font line height for the \"Tooltip_Caption\" base token',\n tooltipBackgroundColor: 'Default background color for tooltips',\n errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n errorTextDisabledFontColor:\n 'Disabled font color for the \"Error_LightUi\" base token',\n errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n errorTextFontLineHeight:\n 'Font line height for the \"Error_LightUi\" base token',\n tableRowBorderColor: 'Color for the border of rows in the table',\n elevation1BoxShadow:\n 'The box shadow for elevation 1. Used for component hover states.',\n elevation2BoxShadow:\n 'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n elevation3BoxShadow:\n 'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n graphGridlineColor: 'Gridline color for graphs',\n graphTrace1Color: 'Color for the first graph trace',\n graphTrace2Color: 'Color for the second graph trace',\n graphTrace3Color: 'Color for the third graph trace',\n graphTrace4Color: 'Color for the fourth graph trace',\n graphTrace5Color: 'Color for the fifth graph trace',\n graphTrace6Color: 'Color for the sixth graph trace',\n graphTrace7Color: 'Color for the seventh graph trace',\n graphTrace8Color: 'Color for the eighth graph trace',\n mentionFont: 'Font shorthand for mention views',\n mentionFontColor: 'Font color for mention views',\n mentionDisabledFontColor: 'Disabled font color for mention views',\n mentionFontFamily: 'Font family for mention views',\n mentionFontSize: 'Font size for mention views',\n mentionFontWeight: 'Font weight for mention views',\n mentionFontLineHeight: 'Font line height for mention views',\n calendarEventBackgroundStaticColor:\n 'Background color for static calendar events',\n calendarEventBackgroundDynamicColor:\n 'Background color for dynamic calendar events',\n calendarEventBackgroundTransientColor:\n 'Background color for transient calendar events',\n calendarEventBorderStaticColor: 'Border color for static calendar events',\n calendarEventBorderTransientColor:\n 'Border color for transient calendar events',\n calendarEventStaticFontColor: 'Font color for static calendar events',\n calendarEventDynamicFontColor: 'Font color for dynamic calendar events',\n calendarEventTransientFontColor: 'Font color for transient calendar events',\n calendarEventBackgroundHoverStaticColor:\n 'Color while hovering static calendar events',\n calendarEventBackgroundHoverDynamicColor:\n 'Color while hovering dynamic calendar events',\n calendarEventBackgroundHoverTransientColor:\n 'Color while hovering transient calendar events',\n calendarEventOuterBorderHighlightedColor:\n 'Outer border color for calendar events when highlighted',\n calendarRowBackgroundSelectedColor:\n 'Background color while calendar resource is selected/highlighted',\n calendarEventFillBlockedColor:\n 'Background fill to indicate the occupied slots in calendar resource rows',\n calendarGrabHandleBackgroundColor:\n 'Background fill color for the editable calendar event grab handle',\n calendarGridBorderColor: 'Border color for the calendar grid',\n calendarGroupHeaderBackgroundColor:\n 'Background color for the calendar resource group header'\n};\n"]}
|
|
1
|
+
{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n actionRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n applicationBackgroundColor: 'Primary background color for the application',\n dividerBackgroundColor: 'Divider background color',\n headerBackgroundColor: 'Background color for application headers',\n sectionBackgroundColor: 'Background color for sections',\n sectionBackgroundImage: 'Gradient background image for sections.',\n buttonFillPrimaryColor:\n 'Control fill color for \"primary\" appearance-variant buttons',\n buttonPrimaryFontColor:\n 'Font color for \"primary\" appearance-variant buttons',\n buttonFillAccentColor:\n 'Control fill color for \"accent\" appearance-variant buttons',\n buttonAccentBlockFontColor:\n 'Font color for \"accent\" appearance-variant block buttons',\n buttonAccentOutlineFontColor:\n 'Font color for \"accent\" appearance-variant outline buttons',\n buttonBorderAccentOutlineColor:\n 'Border color for \"accent\" appearance-variant outline buttons',\n fillSelectedColor: 'Control fill color when a control is selected',\n fillSelectedRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n fillHoverSelectedColor:\n 'Control fill color when hovering a selected control',\n fillHoverColor: 'Control fill color when hovering component',\n fillHoverRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n fillDownColor: 'Control fill color when mousedown event occurs',\n borderColor: 'Standard control outline or border color',\n borderRgbPartialColor:\n 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n failColor: 'Used to highlight errors or invalid input',\n warningColor:\n 'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n passColor:\n 'Used to highlight a correct state or the successful completion of a process',\n informationColor:\n 'Used to highlight information, which provides more details on the item',\n borderHoverColor: 'Border color when hovering component',\n iconColor: 'Equivalent to the font color for icons',\n modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n popupBorderColor: 'Border color for menus and dialog boxes',\n cardBorderColor: 'Border color for cards',\n tagFillColor: 'Background fill color for tags, chips, or pills',\n controlHeight:\n 'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n controlSlimHeight:\n 'Height of controls that are somewhat shorter than standard height.',\n smallPadding: 'Fixed 4px size ramp token for component layout',\n mediumPadding: 'Fixed 8px size ramp token for component layout',\n standardPadding: 'Fixed 16px size ramp token for component layout',\n largePadding: 'Fixed 24px size ramp token for component layout',\n labelHeight:\n 'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n borderWidth: 'Standard border width for most components',\n dividerWidth: 'Width of dividers between panes of an application',\n iconSize: 'Standard layout height for all icons',\n groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n drawerWidth: 'TODO: delete when able',\n dialogSmallWidth:\n 'Standard width for small dialogs like a confirmation dialog.',\n dialogSmallHeight:\n 'Standard height for small dialogs like a confirmation dialog.',\n dialogSmallMaxHeight:\n 'Standard maximum height for small dialogs like a confirmation dialog.',\n dialogLargeWidth: 'Standard width for large dialogs.',\n dialogLargeHeight: 'Standard height for large dialogs.',\n dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n menuMinWidth: 'Standard menu min width for menu popup.',\n bannerGapSize: 'Space between stacked banners',\n spinnerSmallHeight: 'Small height (16px) for a spinner component',\n spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n spinnerLargeHeight: 'Large height (64px) for a spinner component',\n tableFitRowsHeight:\n 'The height of the table when all rows are visible. It is set automatically to the correct value within the scope of each table.',\n smallDelay:\n 'Elements with small transition areas, such as icons and selection controls, have short durations.',\n mediumDelay:\n 'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n largeDelay:\n 'Animated elements that traverse a large portion of the screen have the longest durations.',\n headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n headlinePlus1DisabledFontColor:\n 'Disabled font color for the \"Headline_2\" base token',\n headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n headlinePlus1FontLineHeight:\n 'Font line height for the \"Headline_2\" base token',\n headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n headlineFontColor: 'Font color for the \"Headline_1\" base token',\n headlineDisabledFontColor:\n 'Disabled font color for the \"Headline_1\" base token',\n headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n headlineFontSize: 'Font size for the \"Headline_1\" base token',\n headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n tableHeaderDisabledFontColor:\n 'Disabled font color for the \"Grid_Header\" base token',\n tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n tableHeaderFontLineHeight:\n 'Font line height for the \"Grid_Header\" base token',\n titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n titlePlus2DisabledFontColor:\n 'Disabled font color for the \"Title_3\" base token',\n titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n titlePlus1DisabledFontColor:\n 'Disabled font color for the \"Title_2\" base token',\n titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n titleFont: 'Font shorthand for the \"Title_1\" base token',\n titleFontColor: 'Font color for the \"Title_1\" base token',\n titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n titleFontFamily: 'Font family for the \"Title_1\" base token',\n titleFontSize: 'Font size for the \"Title_1\" base token',\n titleFontWeight: 'Font weight for the \"Title_1\" base token',\n titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n subtitlePlus1DisabledFontColor:\n 'Disabled font color for the \"Subtitle_2\" base token',\n subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n subtitlePlus1FontLineHeight:\n 'Font line height for the \"Subtitle_2\" base token',\n subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n subtitleDisabledFontColor:\n 'Disabled font color for the \"Subtitle_1\" base token',\n subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n linkFont: 'Font shorthand for links',\n linkFontColor: 'Font color for links',\n linkDisabledFontColor: 'Disabled font color for links',\n linkFontFamily: 'Font family for links',\n linkFontSize: 'Font size for links',\n linkFontWeight: 'Font weight for links',\n linkFontLineHeight: 'Font line height for links',\n linkActiveFont: 'Font shorthand for active links',\n linkActiveFontColor: 'Font color for active links',\n linkActiveDisabledFontColor: 'Disabled font color for active links',\n linkActiveFontFamily: 'Font family for active links',\n linkActiveFontSize: 'Font size for active links',\n linkActiveFontWeight: 'Font weight for active links',\n linkActiveFontLineHeight: 'Font line height for active links',\n linkProminentFont: 'Font shorthand for prominent links',\n linkProminentFontColor: 'Font color for prominent links',\n linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n linkProminentFontFamily: 'Font family for prominent links',\n linkProminentFontSize: 'Font size for prominent links',\n linkProminentFontWeight: 'Font weight for prominent links',\n linkProminentFontLineHeight: 'Font line height for prominent links',\n linkActiveProminentFont: 'Font shorthand for active prominent links',\n linkActiveProminentFontColor: 'Font color for active prominent links',\n linkActiveProminentDisabledFontColor:\n 'Disabled font color for active prominent links',\n linkActiveProminentFontFamily: 'Font family for active prominent links',\n linkActiveProminentFontSize: 'Font size for active prominent links',\n linkActiveProminentFontWeight: 'Font weight for active prominent links',\n linkActiveProminentFontLineHeight:\n 'Font line height for active prominent links',\n placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n placeholderDisabledFontColor:\n 'Disabled font color for the \"Placeholder\" base token',\n placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n placeholderFontLineHeight:\n 'Font line height for the \"Placeholder\" base token',\n bodyFont: 'Font shorthand for the \"Body\" base token',\n bodyFontColor: 'Font color for the \"Body\" base token',\n bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n bodyFontFamily: 'Font family for the \"Body\" base token',\n bodyFontSize: 'Font size for the \"Body\" base token',\n bodyFontWeight: 'Font weight for the \"Body\" base token',\n bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n bodyEmphasizedDisabledFontColor:\n 'Disabled font color for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n bodyEmphasizedFontLineHeight:\n 'Font line height for the \"BodyEmphasized\" base token',\n bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n bodyPlus1DisabledFontColor:\n 'Disabled font color for the \"Body_2\" base token',\n bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n bodyPlus1EmphasizedFont:\n 'Font shorthand for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontColor:\n 'Font color for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedDisabledFontColor:\n 'Disabled font color for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontFamily:\n 'Font family for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontSize:\n 'Font size for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontWeight:\n 'Font weight for the \"BodyEmphasized_2\" base token',\n bodyPlus1EmphasizedFontLineHeight:\n 'Font line height for the \"BodyEmphasized_2\" base token',\n groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n groupHeaderDisabledFontColor:\n 'Disabled font color for the\"Group_Header_1\" base token',\n groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n groupHeaderFontLineHeight:\n 'Font line height for the \"Group_Header_1\" base token',\n controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n controlLabelDisabledFontColor:\n 'Disabled font color for the \"Control_Label_1\" base token',\n controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n controlLabelFontLineHeight:\n 'Font line height for the \"Control_Label_1\" base token',\n buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n buttonLabelDisabledFontColor:\n 'Disabled font color for the \"Button_Label_1\" base token',\n buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n buttonLabelFontLineHeight:\n 'Font line height for the \"Button_Label_1\" base token',\n tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n tooltipCaptionDisabledFontColor:\n 'Disabled font color for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontFamily:\n 'Font family for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontWeight:\n 'Font weight for the \"Tooltip_Caption\" base token',\n tooltipCaptionFontLineHeight:\n 'Font line height for the \"Tooltip_Caption\" base token',\n tooltipBackgroundColor: 'Default background color for tooltips',\n errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n errorTextDisabledFontColor:\n 'Disabled font color for the \"Error_LightUi\" base token',\n errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n errorTextFontLineHeight:\n 'Font line height for the \"Error_LightUi\" base token',\n tableRowBorderColor: 'Color for the border of rows in the table',\n elevation1BoxShadow:\n 'The box shadow for elevation 1. Used for component hover states.',\n elevation2BoxShadow:\n 'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n elevation3BoxShadow:\n 'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n graphGridlineColor: 'Gridline color for graphs',\n graphTrace1Color: 'Color for the first graph trace',\n graphTrace2Color: 'Color for the second graph trace',\n graphTrace3Color: 'Color for the third graph trace',\n graphTrace4Color: 'Color for the fourth graph trace',\n graphTrace5Color: 'Color for the fifth graph trace',\n graphTrace6Color: 'Color for the sixth graph trace',\n graphTrace7Color: 'Color for the seventh graph trace',\n graphTrace8Color: 'Color for the eighth graph trace',\n mentionFont: 'Font shorthand for mention views',\n mentionFontColor: 'Font color for mention views',\n mentionDisabledFontColor: 'Disabled font color for mention views',\n mentionFontFamily: 'Font family for mention views',\n mentionFontSize: 'Font size for mention views',\n mentionFontWeight: 'Font weight for mention views',\n mentionFontLineHeight: 'Font line height for mention views',\n calendarEventBackgroundStaticColor:\n 'Background color for static calendar events',\n calendarEventBackgroundDynamicColor:\n 'Background color for dynamic calendar events',\n calendarEventBackgroundTransientColor:\n 'Background color for transient calendar events',\n calendarEventBorderStaticColor: 'Border color for static calendar events',\n calendarEventBorderTransientColor:\n 'Border color for transient calendar events',\n calendarEventStaticFontColor: 'Font color for static calendar events',\n calendarEventDynamicFontColor: 'Font color for dynamic calendar events',\n calendarEventTransientFontColor: 'Font color for transient calendar events',\n calendarEventBackgroundHoverStaticColor:\n 'Color while hovering static calendar events',\n calendarEventBackgroundHoverDynamicColor:\n 'Color while hovering dynamic calendar events',\n calendarEventBackgroundHoverTransientColor:\n 'Color while hovering transient calendar events',\n calendarEventOuterBorderHighlightedColor:\n 'Outer border color for calendar events when highlighted',\n calendarRowBackgroundSelectedColor:\n 'Background color while calendar resource is selected/highlighted',\n calendarEventFillBlockedColor:\n 'Background fill to indicate the occupied slots in calendar resource rows',\n calendarGrabHandleBackgroundColor:\n 'Background fill color for the editable calendar event grab handle',\n calendarGridBorderColor: 'Border color for the calendar grid',\n calendarGroupHeaderBackgroundColor:\n 'Background color for the calendar resource group header'\n};\n"]}
|
|
@@ -13,7 +13,7 @@ export declare const scssPropertyFromTokenName: (tokenName: string) => string;
|
|
|
13
13
|
export declare const scssPropertySetterMarkdown: (tokenName: string, cssProperty: string) => string;
|
|
14
14
|
export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
|
|
15
15
|
export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
|
|
16
|
-
declare const tokenSuffixes: readonly ["RgbPartialColor", "DisabledFontColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "MaxHeight", "MinWidth", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color"];
|
|
16
|
+
declare const tokenSuffixes: readonly ["RgbPartialColor", "DisabledFontColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "MaxHeight", "MinWidth", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color", "Image"];
|
|
17
17
|
export type TokenSuffix = (typeof tokenSuffixes)[number];
|
|
18
18
|
export declare const suffixFromTokenName: (tokenName: string) => TokenSuffix | undefined;
|
|
19
19
|
export {};
|
|
@@ -8,6 +8,7 @@ export const tokenNames = {
|
|
|
8
8
|
dividerBackgroundColor: 'divider-background-color',
|
|
9
9
|
headerBackgroundColor: 'header-background-color',
|
|
10
10
|
sectionBackgroundColor: 'section-background-color',
|
|
11
|
+
sectionBackgroundImage: 'section-background-image',
|
|
11
12
|
buttonFillPrimaryColor: 'button-fill-primary-color',
|
|
12
13
|
buttonPrimaryFontColor: 'button-primary-font-color',
|
|
13
14
|
buttonFillAccentColor: 'button-fill-accent-color',
|
|
@@ -40,6 +41,7 @@ export const tokenNames = {
|
|
|
40
41
|
largePadding: 'large-padding',
|
|
41
42
|
labelHeight: 'label-height',
|
|
42
43
|
borderWidth: 'border-width',
|
|
44
|
+
dividerWidth: 'divider-width',
|
|
43
45
|
iconSize: 'icon-size',
|
|
44
46
|
groupHeaderTextTransform: 'group-header-text-transform',
|
|
45
47
|
drawerWidth: 'drawer-width',
|
|
@@ -277,7 +279,8 @@ const tokenSuffixes = [
|
|
|
277
279
|
'Height',
|
|
278
280
|
'Delay',
|
|
279
281
|
'Padding',
|
|
280
|
-
'Color'
|
|
282
|
+
'Color',
|
|
283
|
+
'Image'
|
|
281
284
|
];
|
|
282
285
|
export const suffixFromTokenName = (tokenName) => tokenSuffixes[tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))];
|
|
283
286
|
//# sourceMappingURL=design-token-names.js.map
|
|
@@ -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 tagFillColor: 'tag-fill-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 tableFitRowsHeight: 'table-fit-rows-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 graphTrace1Color: 'graph-trace-1-color',\n graphTrace2Color: 'graph-trace-2-color',\n graphTrace3Color: 'graph-trace-3-color',\n graphTrace4Color: 'graph-trace-4-color',\n graphTrace5Color: 'graph-trace-5-color',\n graphTrace6Color: 'graph-trace-6-color',\n graphTrace7Color: 'graph-trace-7-color',\n graphTrace8Color: 'graph-trace-8-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 calendarEventBackgroundStaticColor:\n 'calendar-event-background-static-color',\n calendarEventBackgroundDynamicColor:\n 'calendar-event-background-dynamic-color',\n calendarEventBackgroundTransientColor:\n 'calendar-event-background-transient-color',\n calendarEventBorderStaticColor: 'calendar-event-border-static-color',\n calendarEventBorderTransientColor: 'calendar-event-border-transient-color',\n calendarEventStaticFontColor: 'calendar-event-static-font-color',\n calendarEventDynamicFontColor: 'calendar-event-dynamic-font-color',\n calendarEventTransientFontColor: 'calendar-event-transient-font-color',\n calendarEventBackgroundHoverStaticColor:\n 'calendar-event-background-hover-static-color',\n calendarEventBackgroundHoverDynamicColor:\n 'calendar-event-background-hover-dynamic-color',\n calendarEventBackgroundHoverTransientColor:\n 'calendar-event-background-hover-transient-color',\n calendarEventOuterBorderHighlightedColor:\n 'calendar-event-outer-border-highlighted-color',\n calendarRowBackgroundSelectedColor:\n 'calendar-row-background-selected-color',\n calendarEventFillBlockedColor: 'calendar-event-fill-blocked-color',\n calendarGrabHandleBackgroundColor: 'calendar-grab-handle-background-color',\n calendarGridBorderColor: 'calendar-grid-border-color',\n calendarGroupHeaderBackgroundColor: 'calendar-group-header-background-color'\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 sectionBackgroundImage: 'section-background-image',\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 tagFillColor: 'tag-fill-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 dividerWidth: 'divider-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 tableFitRowsHeight: 'table-fit-rows-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 graphTrace1Color: 'graph-trace-1-color',\n graphTrace2Color: 'graph-trace-2-color',\n graphTrace3Color: 'graph-trace-3-color',\n graphTrace4Color: 'graph-trace-4-color',\n graphTrace5Color: 'graph-trace-5-color',\n graphTrace6Color: 'graph-trace-6-color',\n graphTrace7Color: 'graph-trace-7-color',\n graphTrace8Color: 'graph-trace-8-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 calendarEventBackgroundStaticColor:\n 'calendar-event-background-static-color',\n calendarEventBackgroundDynamicColor:\n 'calendar-event-background-dynamic-color',\n calendarEventBackgroundTransientColor:\n 'calendar-event-background-transient-color',\n calendarEventBorderStaticColor: 'calendar-event-border-static-color',\n calendarEventBorderTransientColor: 'calendar-event-border-transient-color',\n calendarEventStaticFontColor: 'calendar-event-static-font-color',\n calendarEventDynamicFontColor: 'calendar-event-dynamic-font-color',\n calendarEventTransientFontColor: 'calendar-event-transient-font-color',\n calendarEventBackgroundHoverStaticColor:\n 'calendar-event-background-hover-static-color',\n calendarEventBackgroundHoverDynamicColor:\n 'calendar-event-background-hover-dynamic-color',\n calendarEventBackgroundHoverTransientColor:\n 'calendar-event-background-hover-transient-color',\n calendarEventOuterBorderHighlightedColor:\n 'calendar-event-outer-border-highlighted-color',\n calendarRowBackgroundSelectedColor:\n 'calendar-row-background-selected-color',\n calendarEventFillBlockedColor: 'calendar-event-fill-blocked-color',\n calendarGrabHandleBackgroundColor: 'calendar-grab-handle-background-color',\n calendarGridBorderColor: 'calendar-grid-border-color',\n calendarGroupHeaderBackgroundColor: 'calendar-group-header-background-color'\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 'Image'\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"]}
|
|
@@ -3,6 +3,7 @@ export declare const actionRgbPartialColor: CSSDesignToken<string>;
|
|
|
3
3
|
export declare const applicationBackgroundColor: CSSDesignToken<string>;
|
|
4
4
|
export declare const headerBackgroundColor: CSSDesignToken<string>;
|
|
5
5
|
export declare const sectionBackgroundColor: CSSDesignToken<string>;
|
|
6
|
+
export declare const sectionBackgroundImage: CSSDesignToken<string>;
|
|
6
7
|
export declare const dividerBackgroundColor: CSSDesignToken<string>;
|
|
7
8
|
export declare const fillSelectedColor: CSSDesignToken<string>;
|
|
8
9
|
export declare const fillSelectedRgbPartialColor: CSSDesignToken<string>;
|
|
@@ -64,6 +65,7 @@ export declare const standardPadding: CSSDesignToken<string>;
|
|
|
64
65
|
export declare const largePadding: CSSDesignToken<string>;
|
|
65
66
|
export declare const labelHeight: CSSDesignToken<string>;
|
|
66
67
|
export declare const borderWidth: CSSDesignToken<string>;
|
|
68
|
+
export declare const dividerWidth: CSSDesignToken<string>;
|
|
67
69
|
export declare const iconSize: CSSDesignToken<string>;
|
|
68
70
|
export declare const drawerWidth: CSSDesignToken<string>;
|
|
69
71
|
export declare const dialogSmallWidth: CSSDesignToken<string>;
|
|
@@ -10,6 +10,11 @@ export const actionRgbPartialColor = DesignToken.create(styleNameFromTokenName(t
|
|
|
10
10
|
export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, ForestGreen));
|
|
11
11
|
export const headerBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.headerBackgroundColor)).withDefault((element) => getColorForTheme(element, Black7, Black88, ForestGreen));
|
|
12
12
|
export const sectionBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.sectionBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
|
|
13
|
+
export const sectionBackgroundImage = DesignToken.create(styleNameFromTokenName(tokenNames.sectionBackgroundImage)).withDefault((element) => {
|
|
14
|
+
const start = getColorForTheme(element, Black15, Black82, ForestGreen);
|
|
15
|
+
const end = getColorForTheme(element, hexToRgbaCssColor(Black15, 0), hexToRgbaCssColor(Black82, 0), hexToRgbaCssColor(ForestGreen, 0));
|
|
16
|
+
return `linear-gradient(${start}, ${end})`;
|
|
17
|
+
});
|
|
13
18
|
export const dividerBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.dividerBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
|
|
14
19
|
export const fillSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.2));
|
|
15
20
|
export const fillSelectedRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)).withDefault((element) => hexToRgbPartial(getFillSelectedColorForTheme(element)));
|
|
@@ -73,6 +78,7 @@ export const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNa
|
|
|
73
78
|
export const largePadding = DesignToken.create(styleNameFromTokenName(tokenNames.largePadding)).withDefault('24px');
|
|
74
79
|
export const labelHeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
|
|
75
80
|
export const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
|
|
81
|
+
export const dividerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.dividerWidth)).withDefault('2px');
|
|
76
82
|
export const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
|
|
77
83
|
export const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
|
|
78
84
|
export const dialogSmallWidth = DesignToken.create(styleNameFromTokenName(tokenNames.dialogSmallWidth)).withDefault('400px');
|