@ni/nimble-components 1.0.0-beta.99 → 1.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/README.md +63 -3
- package/dist/esm/button/index.d.ts +16 -0
- package/dist/esm/button/index.js +22 -0
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/button/styles.js +19 -9
- package/dist/esm/button/styles.js.map +1 -1
- package/dist/esm/button/types.d.ts +3 -0
- package/dist/esm/button/types.js +0 -4
- package/dist/esm/button/types.js.map +1 -1
- package/dist/esm/checkbox/index.d.ts +11 -1
- package/dist/esm/checkbox/index.js +8 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/checkbox/styles.js +4 -4
- package/dist/esm/checkbox/styles.js.map +1 -1
- package/dist/esm/drawer/index.d.ts +7 -3
- package/dist/esm/drawer/index.js +8 -9
- package/dist/esm/drawer/index.js.map +1 -1
- package/dist/esm/drawer/styles.js +8 -7
- package/dist/esm/drawer/styles.js.map +1 -1
- package/dist/esm/drawer/types.d.ts +2 -0
- package/dist/esm/drawer/types.js.map +1 -1
- package/dist/esm/icon-base/styles.js +6 -6
- package/dist/esm/icon-base/styles.js.map +1 -1
- package/dist/esm/icon-base/template.js +1 -1
- package/dist/esm/icon-base/types.d.ts +11 -0
- package/dist/esm/icon-base/types.js +12 -0
- package/dist/esm/icon-base/types.js.map +1 -0
- package/dist/esm/icons/access-control.d.ts +5 -0
- package/dist/esm/icons/access-control.js.map +1 -1
- package/dist/esm/icons/admin.d.ts +5 -0
- package/dist/esm/icons/admin.js.map +1 -1
- package/dist/esm/icons/administration.d.ts +5 -0
- package/dist/esm/icons/administration.js.map +1 -1
- package/dist/esm/icons/all-icons.d.ts +11 -0
- package/dist/esm/icons/all-icons.js +11 -0
- package/dist/esm/icons/all-icons.js.map +1 -1
- package/dist/esm/icons/check.d.ts +5 -0
- package/dist/esm/icons/check.js.map +1 -1
- package/dist/esm/icons/custom-applications.d.ts +5 -0
- package/dist/esm/icons/custom-applications.js.map +1 -1
- package/dist/esm/icons/custom-status.d.ts +12 -0
- package/dist/esm/icons/custom-status.js +12 -0
- package/dist/esm/icons/custom-status.js.map +1 -0
- package/dist/esm/icons/delete.d.ts +5 -0
- package/dist/esm/icons/delete.js.map +1 -1
- package/dist/esm/icons/done.d.ts +12 -0
- package/dist/esm/icons/done.js +12 -0
- package/dist/esm/icons/done.js.map +1 -0
- package/dist/esm/icons/fail.d.ts +12 -0
- package/dist/esm/icons/fail.js +12 -0
- package/dist/esm/icons/fail.js.map +1 -0
- package/dist/esm/icons/login.d.ts +5 -0
- package/dist/esm/icons/login.js.map +1 -1
- package/dist/esm/icons/logout.d.ts +5 -0
- package/dist/esm/icons/logout.js.map +1 -1
- package/dist/esm/icons/looping.d.ts +12 -0
- package/dist/esm/icons/looping.js +12 -0
- package/dist/esm/icons/looping.js.map +1 -0
- package/dist/esm/icons/managed-systems.d.ts +5 -0
- package/dist/esm/icons/managed-systems.js.map +1 -1
- package/dist/esm/icons/measurement-data-analysis.d.ts +5 -0
- package/dist/esm/icons/measurement-data-analysis.js.map +1 -1
- package/dist/esm/icons/running.d.ts +12 -0
- package/dist/esm/icons/running.js +12 -0
- package/dist/esm/icons/running.js.map +1 -0
- package/dist/esm/icons/settings.d.ts +5 -0
- package/dist/esm/icons/settings.js.map +1 -1
- package/dist/esm/icons/skipped.d.ts +12 -0
- package/dist/esm/icons/skipped.js +12 -0
- package/dist/esm/icons/skipped.js.map +1 -0
- package/dist/esm/icons/status.d.ts +12 -0
- package/dist/esm/icons/status.js +12 -0
- package/dist/esm/icons/status.js.map +1 -0
- package/dist/esm/icons/succeeded.d.ts +12 -0
- package/dist/esm/icons/succeeded.js +12 -0
- package/dist/esm/icons/succeeded.js.map +1 -0
- package/dist/esm/icons/terminated.d.ts +12 -0
- package/dist/esm/icons/terminated.js +12 -0
- package/dist/esm/icons/terminated.js.map +1 -0
- package/dist/esm/icons/test-insights.d.ts +5 -0
- package/dist/esm/icons/test-insights.js.map +1 -1
- package/dist/esm/icons/timed-out.d.ts +12 -0
- package/dist/esm/icons/timed-out.js +12 -0
- package/dist/esm/icons/timed-out.js.map +1 -0
- package/dist/esm/icons/utilities.d.ts +5 -0
- package/dist/esm/icons/utilities.js.map +1 -1
- package/dist/esm/icons/waiting.d.ts +12 -0
- package/dist/esm/icons/waiting.js +12 -0
- package/dist/esm/icons/waiting.js.map +1 -0
- package/dist/esm/listbox-option/index.d.ts +5 -0
- package/dist/esm/listbox-option/index.js +2 -0
- package/dist/esm/listbox-option/index.js.map +1 -1
- package/dist/esm/menu/index.d.ts +8 -1
- package/dist/esm/menu/index.js +5 -2
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu-item/index.d.ts +9 -12
- package/dist/esm/menu-item/index.js +5 -2
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/nimble-components/src/button/behaviors.d.ts +12 -0
- package/dist/esm/nimble-components/src/button/index.d.ts +33 -0
- package/dist/esm/nimble-components/src/button/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/button/types.d.ts +12 -0
- package/dist/esm/nimble-components/src/checkbox/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/checkbox/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/drawer/animations.d.ts +14 -0
- package/dist/esm/nimble-components/src/drawer/index.d.ts +43 -0
- package/dist/esm/nimble-components/src/drawer/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/drawer/types.d.ts +12 -0
- package/dist/esm/nimble-components/src/icon-base/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/icon-base/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/icon-base/template.d.ts +2 -0
- package/dist/esm/nimble-components/src/icon-base/types.d.ts +11 -0
- package/dist/esm/nimble-components/src/icons/access-control.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/admin.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/administration.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/all-icons.d.ts +24 -0
- package/dist/esm/nimble-components/src/icons/check.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/custom-applications.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/custom-status.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/delete.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/done.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/fail.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/login.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/logout.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/looping.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/managed-systems.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/measurement-data-analysis.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/running.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/settings.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/skipped.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/status.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/succeeded.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/terminated.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/test-insights.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/timed-out.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/utilities.d.ts +12 -0
- package/dist/esm/nimble-components/src/icons/waiting.d.ts +12 -0
- package/dist/esm/nimble-components/src/listbox-option/index.d.ts +15 -0
- package/dist/esm/nimble-components/src/listbox-option/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/menu/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/menu/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/menu-item/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/menu-item/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/number-field/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/number-field/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/select/index.d.ts +16 -0
- package/dist/esm/nimble-components/src/select/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tab/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/tab/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tab-panel/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/tab-panel/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tabs/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/tabs/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tabs-toolbar/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/tabs-toolbar/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tabs-toolbar/template.d.ts +1 -0
- package/dist/esm/nimble-components/src/testing/async-helpers.d.ts +10 -0
- package/dist/esm/nimble-components/src/text-field/index.d.ts +12 -0
- package/dist/esm/nimble-components/src/text-field/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/text-field/types.d.ts +3 -0
- package/dist/esm/nimble-components/src/theme-provider/design-token-comments.d.ts +6 -0
- package/dist/esm/nimble-components/src/theme-provider/design-token-names.d.ts +11 -0
- package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +42 -0
- package/dist/esm/nimble-components/src/theme-provider/index.d.ts +22 -0
- package/dist/esm/nimble-components/src/theme-provider/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/theme-provider/template.d.ts +2 -0
- package/dist/esm/{theme-provider/themes.d.ts → nimble-components/src/theme-provider/types.d.ts} +2 -1
- package/dist/esm/nimble-components/src/tree-item/index.d.ts +34 -0
- package/dist/esm/nimble-components/src/tree-item/styles.d.ts +3 -0
- package/dist/esm/nimble-components/src/tree-view/index.d.ts +22 -0
- package/dist/esm/nimble-components/src/tree-view/styles.d.ts +1 -0
- package/dist/esm/nimble-components/src/tree-view/types.d.ts +7 -0
- package/dist/esm/nimble-components/src/utilities/style/direction.d.ts +34 -0
- package/dist/esm/nimble-components/src/utilities/style/focus.d.ts +11 -0
- package/dist/esm/nimble-components/src/utilities/style/prefers-reduced-motion.d.ts +4 -0
- package/dist/esm/nimble-components/src/utilities/style/theme.d.ts +44 -0
- package/dist/esm/number-field/index.d.ts +8 -2
- package/dist/esm/number-field/index.js +8 -1
- package/dist/esm/number-field/index.js.map +1 -1
- package/dist/esm/number-field/styles.js +3 -3
- package/dist/esm/number-field/styles.js.map +1 -1
- package/dist/esm/select/index.d.ts +6 -2
- package/dist/esm/select/index.js +9 -5
- package/dist/esm/select/index.js.map +1 -1
- package/dist/esm/tab/index.d.ts +11 -1
- package/dist/esm/tab/index.js +8 -1
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab-panel/index.d.ts +11 -1
- package/dist/esm/tab-panel/index.js +8 -1
- package/dist/esm/tab-panel/index.js.map +1 -1
- package/dist/esm/tabs/index.d.ts +11 -1
- package/dist/esm/tabs/index.js +8 -1
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs-toolbar/index.d.ts +7 -1
- package/dist/esm/tabs-toolbar/index.js +1 -1
- package/dist/esm/tabs-toolbar/index.js.map +1 -1
- package/dist/esm/tabs-toolbar/styles.js +3 -2
- package/dist/esm/tabs-toolbar/styles.js.map +1 -1
- package/dist/esm/testing/async-helpers.d.ts +10 -0
- package/dist/esm/testing/async-helpers.js +12 -0
- package/dist/esm/testing/async-helpers.js.map +1 -0
- package/dist/esm/text-field/index.d.ts +8 -2
- package/dist/esm/text-field/index.js +8 -1
- package/dist/esm/text-field/index.js.map +1 -1
- package/dist/esm/text-field/styles.js +20 -8
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/text-field/types.d.ts +3 -0
- package/dist/esm/text-field/types.js +3 -0
- package/dist/esm/text-field/types.js.map +1 -0
- package/dist/esm/theme-provider/design-token-comments.d.ts +6 -0
- package/dist/esm/theme-provider/design-token-comments.js +45 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -0
- package/dist/esm/theme-provider/design-token-names.d.ts +11 -0
- package/dist/esm/theme-provider/design-token-names.js +51 -0
- package/dist/esm/theme-provider/design-token-names.js.map +1 -0
- package/dist/esm/theme-provider/design-tokens.d.ts +4 -10
- package/dist/esm/theme-provider/design-tokens.js +94 -109
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/esm/theme-provider/index.d.ts +18 -6
- package/dist/esm/theme-provider/index.js +51 -26
- package/dist/esm/theme-provider/index.js.map +1 -1
- package/dist/esm/theme-provider/styles.d.ts +1 -0
- package/dist/esm/theme-provider/styles.js +7 -0
- package/dist/esm/theme-provider/styles.js.map +1 -0
- package/dist/esm/theme-provider/template.d.ts +2 -2
- package/dist/esm/theme-provider/template.js.map +1 -1
- package/dist/esm/theme-provider/types.d.ts +7 -0
- package/dist/esm/theme-provider/types.js +8 -0
- package/dist/esm/theme-provider/types.js.map +1 -0
- package/dist/esm/tree-item/index.d.ts +7 -1
- package/dist/esm/tree-item/index.js +13 -12
- package/dist/esm/tree-item/index.js.map +1 -1
- package/dist/esm/tree-item/styles.js +9 -7
- package/dist/esm/tree-item/styles.js.map +1 -1
- package/dist/esm/tree-view/index.d.ts +9 -3
- package/dist/esm/tree-view/index.js +4 -3
- package/dist/esm/tree-view/index.js.map +1 -1
- package/dist/esm/tree-view/types.d.ts +2 -1
- package/dist/esm/tree-view/types.js +5 -5
- package/dist/esm/tree-view/types.js.map +1 -1
- package/dist/esm/utilities/style/direction.d.ts +34 -0
- package/dist/esm/utilities/style/direction.js +78 -0
- package/dist/esm/utilities/style/direction.js.map +1 -0
- package/dist/esm/utilities/style/focus.js +1 -1
- package/dist/esm/utilities/style/focus.js.map +1 -1
- package/dist/esm/utilities/style/prefers-reduced-motion.d.ts +4 -0
- package/dist/esm/utilities/style/prefers-reduced-motion.js +5 -0
- package/dist/esm/utilities/style/prefers-reduced-motion.js.map +1 -0
- package/dist/esm/utilities/style/theme.d.ts +44 -0
- package/dist/esm/utilities/style/theme.js +116 -0
- package/dist/esm/utilities/style/theme.js.map +1 -0
- package/dist/fonts.scss +3 -0
- package/dist/tokens-internal.scss +255 -0
- package/dist/tokens.scss +132 -0
- package/package.json +26 -17
- package/dist/esm/testing/dom-next-update.d.ts +0 -4
- package/dist/esm/testing/dom-next-update.js +0 -6
- package/dist/esm/testing/dom-next-update.js.map +0 -1
- package/dist/esm/theme-provider/themes.js +0 -8
- package/dist/esm/theme-provider/themes.js.map +0 -1
|
@@ -1,164 +1,149 @@
|
|
|
1
1
|
import { DesignToken } from '@microsoft/fast-foundation';
|
|
2
2
|
import hexRgb from 'hex-rgb';
|
|
3
|
-
import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
-
import {
|
|
5
|
-
|
|
3
|
+
import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, LegacyContentFamily } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
+
import { Theme } from './types';
|
|
5
|
+
import { tokenNames, styleNameFromTokenName } from './design-token-names';
|
|
6
|
+
import { theme } from '.';
|
|
7
|
+
// Color Tokens
|
|
8
|
+
export const actionColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.actionColorRgbPartial)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
|
|
9
|
+
export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
|
|
10
|
+
export const fillColorSelected = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelected)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.3));
|
|
11
|
+
export const fillColorSelectedRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedRgbPartial)).withDefault((element) => hexToRgbPartial(getFillColorSelectedForTheme(element)));
|
|
12
|
+
export const fillColorSelectedHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedHover)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.15));
|
|
13
|
+
export const fillColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorHover)).withDefault((element) => hexToRgbaCssColor(getFillColorHoverForTheme(element), 0.1));
|
|
14
|
+
export const borderColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderColor)).withDefault((element) => getDefaultLineColorForTheme(element));
|
|
15
|
+
export const borderColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorRgbPartial)).withDefault((element) => hexToRgbPartial(getDefaultLineColorForTheme(element)));
|
|
16
|
+
export const failColor = DesignToken.create(styleNameFromTokenName(tokenNames.failColor)).withDefault((element) => getFailColorForTheme(element));
|
|
17
|
+
export const warningColor = DesignToken.create(styleNameFromTokenName(tokenNames.warningColor)).withDefault((element) => getWarningColorForTheme(element));
|
|
18
|
+
export const passColor = DesignToken.create(styleNameFromTokenName(tokenNames.passColor)).withDefault((element) => getPassColorForTheme(element));
|
|
19
|
+
export const borderColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorHover)).withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgbaCssColor(SlLegacyBlue, 0.9)));
|
|
20
|
+
// Component Color Tokens
|
|
21
|
+
export const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
|
|
22
|
+
export const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
|
|
23
|
+
export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
|
|
24
|
+
// Component Sizing Tokens
|
|
25
|
+
export const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
|
|
26
|
+
export const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNames.standardPadding)).withDefault('16px');
|
|
27
|
+
export const labelHeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
|
|
28
|
+
export const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
|
|
29
|
+
export const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
|
|
30
|
+
export const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
|
|
31
|
+
// Font Family Tokens
|
|
32
|
+
export const fontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.fontFamily)).withDefault((element) => getFontForTheme(element));
|
|
33
|
+
export const labelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontFamily)).withDefault((element) => getLabelFontForTheme(element));
|
|
34
|
+
export const groupLabelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontFamily)).withDefault((element) => getGroupLabelFontForTheme(element));
|
|
35
|
+
export const drawerHeaderFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontFamily)).withDefault(Title2Family);
|
|
36
|
+
// Font Sizing Tokens
|
|
37
|
+
export const labelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontSize)).withDefault((element) => getLabelTextSizeForTheme(element));
|
|
38
|
+
export const contentFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontSize)).withDefault(BodySize);
|
|
39
|
+
export const groupLabelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontSize)).withDefault(GroupLabel1Size);
|
|
40
|
+
export const drawerHeaderFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontSize)).withDefault(Title2Size);
|
|
41
|
+
// Font Weight Tokens
|
|
42
|
+
export const groupLabelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontWeight)).withDefault(GroupLabel1Weight);
|
|
43
|
+
export const labelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontWeight)).withDefault(ControlLabel1Weight);
|
|
44
|
+
// Font Color Tokens
|
|
45
|
+
export const labelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColor)).withDefault((element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6));
|
|
46
|
+
export const groupLabelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontColor)).withDefault((element) => getDefaultFontColorForTheme(element));
|
|
47
|
+
export const contentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
|
|
48
|
+
export const buttonContentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonContentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
|
|
49
|
+
export const labelFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getDefaultLineColorForTheme(element), 0.3));
|
|
50
|
+
export const labelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.labelTextTransform)).withDefault((element) => getLabelTextTransformForTheme(element));
|
|
51
|
+
export const groupLabelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelTextTransform)).withDefault((element) => getGroupLabelTextTransformForTheme(element));
|
|
52
|
+
export const contentFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
|
|
53
|
+
// Animation Tokens
|
|
54
|
+
export const smallDelay = DesignToken.create(styleNameFromTokenName(tokenNames.smallDelay)).withDefault(SmallDelay);
|
|
55
|
+
export const mediumDelay = DesignToken.create(styleNameFromTokenName(tokenNames.mediumDelay)).withDefault(MediumDelay);
|
|
56
|
+
export const drawerAnimationDurationMs = DesignToken.create(styleNameFromTokenName(tokenNames.drawerAnimationDurationMs)).withDefault(250);
|
|
57
|
+
// Private helpers functions
|
|
58
|
+
function hexToRgbPartial(hexValue) {
|
|
6
59
|
const { red, green, blue } = hexRgb(hexValue);
|
|
7
60
|
return `${red}, ${green}, ${blue}`;
|
|
8
61
|
}
|
|
9
|
-
function
|
|
62
|
+
function hexToRgbaCssColor(hexValue, alpha) {
|
|
10
63
|
const { red, green, blue } = hexRgb(hexValue);
|
|
11
64
|
return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
|
|
12
65
|
}
|
|
13
|
-
const { create } = DesignToken;
|
|
14
|
-
export const theme = create({
|
|
15
|
-
name: 'theme',
|
|
16
|
-
cssCustomPropertyName: null
|
|
17
|
-
}).withDefault(NimbleTheme.Light);
|
|
18
66
|
function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor, legacyBlueThemeColor) {
|
|
19
67
|
switch (theme.getValueFor(element)) {
|
|
20
|
-
case
|
|
68
|
+
case Theme.Light:
|
|
21
69
|
return lightThemeColor;
|
|
22
|
-
case
|
|
70
|
+
case Theme.Dark:
|
|
23
71
|
return darkThemeColor;
|
|
24
|
-
case
|
|
72
|
+
case Theme.Color:
|
|
25
73
|
return colorThemeColor;
|
|
26
|
-
case
|
|
74
|
+
case Theme.LegacyBlue:
|
|
27
75
|
return legacyBlueThemeColor;
|
|
28
76
|
default:
|
|
29
77
|
return lightThemeColor;
|
|
30
78
|
}
|
|
31
79
|
}
|
|
80
|
+
function getWarningColorForTheme(element) {
|
|
81
|
+
return getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
|
|
82
|
+
}
|
|
83
|
+
function getFailColorForTheme(element) {
|
|
84
|
+
return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
|
|
85
|
+
}
|
|
86
|
+
function getPassColorForTheme(element) {
|
|
87
|
+
return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
|
|
88
|
+
}
|
|
32
89
|
function getDefaultLineColorForTheme(element) {
|
|
33
|
-
|
|
34
|
-
case NimbleTheme.Light:
|
|
35
|
-
return Black91;
|
|
36
|
-
case NimbleTheme.Dark:
|
|
37
|
-
return Black15;
|
|
38
|
-
case NimbleTheme.Color:
|
|
39
|
-
return White;
|
|
40
|
-
case NimbleTheme.LegacyBlue:
|
|
41
|
-
return Black91;
|
|
42
|
-
default:
|
|
43
|
-
return Black91;
|
|
44
|
-
}
|
|
90
|
+
return getColorForTheme(element, Black91, Black15, White, Black91);
|
|
45
91
|
}
|
|
46
92
|
function getDefaultFontColorForTheme(element) {
|
|
93
|
+
return getColorForTheme(element, Black91, Black15, White, Black75);
|
|
94
|
+
}
|
|
95
|
+
function getFillColorSelectedForTheme(element) {
|
|
96
|
+
return getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
|
|
97
|
+
}
|
|
98
|
+
function getFillColorHoverForTheme(element) {
|
|
99
|
+
return getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
|
|
100
|
+
}
|
|
101
|
+
function getFontForTheme(element) {
|
|
47
102
|
switch (theme.getValueFor(element)) {
|
|
48
|
-
case
|
|
49
|
-
return
|
|
50
|
-
case NimbleTheme.Dark:
|
|
51
|
-
return Black15;
|
|
52
|
-
case NimbleTheme.Color:
|
|
53
|
-
return White;
|
|
54
|
-
case NimbleTheme.LegacyBlue:
|
|
55
|
-
return Black75;
|
|
103
|
+
case Theme.LegacyBlue:
|
|
104
|
+
return `${LegacyContentFamily}`;
|
|
56
105
|
default:
|
|
57
|
-
return
|
|
106
|
+
return `${BodyFamily}`;
|
|
58
107
|
}
|
|
59
108
|
}
|
|
60
|
-
function
|
|
109
|
+
function getLabelFontForTheme(element) {
|
|
61
110
|
switch (theme.getValueFor(element)) {
|
|
62
|
-
case
|
|
63
|
-
return `${
|
|
111
|
+
case Theme.LegacyBlue:
|
|
112
|
+
return `${LegacyContentFamily}`;
|
|
64
113
|
default:
|
|
65
114
|
return `${ControlLabel1Family}, ${BodyFamily}`;
|
|
66
115
|
}
|
|
67
116
|
}
|
|
68
117
|
function getGroupLabelFontForTheme(element) {
|
|
69
118
|
switch (theme.getValueFor(element)) {
|
|
70
|
-
case
|
|
71
|
-
return `${
|
|
119
|
+
case Theme.LegacyBlue:
|
|
120
|
+
return `${LegacyContentFamily}`;
|
|
72
121
|
default:
|
|
73
122
|
return `${GroupLabel1Family}, ${BodyFamily}`;
|
|
74
123
|
}
|
|
75
124
|
}
|
|
76
|
-
function
|
|
125
|
+
function getGroupLabelTextTransformForTheme(element) {
|
|
77
126
|
switch (theme.getValueFor(element)) {
|
|
78
|
-
case
|
|
127
|
+
case Theme.LegacyBlue:
|
|
79
128
|
return 'none';
|
|
80
129
|
default:
|
|
81
130
|
return 'uppercase';
|
|
82
131
|
}
|
|
83
132
|
}
|
|
84
|
-
function
|
|
133
|
+
function getLabelTextTransformForTheme(element) {
|
|
85
134
|
switch (theme.getValueFor(element)) {
|
|
86
|
-
case
|
|
135
|
+
case Theme.LegacyBlue:
|
|
87
136
|
return 'none';
|
|
88
137
|
default:
|
|
89
138
|
return 'none';
|
|
90
139
|
}
|
|
91
140
|
}
|
|
92
|
-
function
|
|
141
|
+
function getLabelTextSizeForTheme(element) {
|
|
93
142
|
switch (theme.getValueFor(element)) {
|
|
94
|
-
case
|
|
143
|
+
case Theme.LegacyBlue:
|
|
95
144
|
return '13px';
|
|
96
145
|
default:
|
|
97
146
|
return ControlLabel1Size;
|
|
98
147
|
}
|
|
99
148
|
}
|
|
100
|
-
function getPasswordRevealFilter(element) {
|
|
101
|
-
switch (theme.getValueFor(element)) {
|
|
102
|
-
case NimbleTheme.Color:
|
|
103
|
-
case NimbleTheme.Dark:
|
|
104
|
-
return 'invert(100%)';
|
|
105
|
-
default:
|
|
106
|
-
return 'invert(0%)';
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
const fillColorSelectedTheme = (element) => getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
|
|
110
|
-
const fillColorHoverTheme = (element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
|
|
111
|
-
// Color Tokens
|
|
112
|
-
export const actionColorRgb = create('action-color-rgb').withDefault((element) => rgbString(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
|
|
113
|
-
export const applicationBackgroundColor = create('application-background-color').withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
|
|
114
|
-
export const fillColorSelected = create('fill-color-selected').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.3));
|
|
115
|
-
export const fillColorSelectedRgb = create('fill-color-selected-rgb').withDefault((element) => rgbString(fillColorSelectedTheme(element)));
|
|
116
|
-
export const fillColorSelectedHover = create('fill-color-selected-hover').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.15));
|
|
117
|
-
export const fillColorHover = create('fill-color-hover').withDefault((element) => hexToRgba(fillColorHoverTheme(element), 0.1));
|
|
118
|
-
export const borderColor = create('border-color').withDefault((element) => getDefaultLineColorForTheme(element));
|
|
119
|
-
export const borderColorRgb = create('border-color-rgb').withDefault((element) => rgbString(getDefaultLineColorForTheme(element)));
|
|
120
|
-
export const failColorTheme = (element) => getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
|
|
121
|
-
export const failColor = create('fail-color').withDefault((element) => failColorTheme(element));
|
|
122
|
-
export const warningColorTheme = (element) => getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
|
|
123
|
-
export const warningColor = create('warning-color').withDefault((element) => warningColorTheme(element));
|
|
124
|
-
export const passColorTheme = (element) => getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
|
|
125
|
-
export const passColor = create('pass-color').withDefault((element) => passColorTheme(element));
|
|
126
|
-
export const borderColorHover = create('border-color-hover').withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgba(SlLegacyBlue, 0.9)));
|
|
127
|
-
export const popupBoxShadowColor = create('popup-box-shadow-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
|
|
128
|
-
export const popupBorderColor = create('popup-border-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
|
|
129
|
-
// Component Sizing Tokens
|
|
130
|
-
export const controlHeight = create('control-height').withDefault('32px');
|
|
131
|
-
export const standardPadding = create('standard-padding').withDefault('16px');
|
|
132
|
-
export const labelHeight = create('label-height').withDefault('16px');
|
|
133
|
-
export const borderWidth = create('border-width').withDefault('1px');
|
|
134
|
-
export const iconSize = create('icon-size').withDefault('16px');
|
|
135
|
-
export const drawerWidth = create('drawer-width').withDefault('784px');
|
|
136
|
-
// Font Family Tokens
|
|
137
|
-
export const fontFamily = create('font-family').withDefault(BodyFamily);
|
|
138
|
-
export const labelFontFamily = create('label-font-family').withDefault((element) => getFontForTheme(element));
|
|
139
|
-
export const groupLabelFontFamily = create('group-label-font-family').withDefault((element) => getGroupLabelFontForTheme(element));
|
|
140
|
-
export const drawerHeaderFontFamily = create('drawer-header-font-family').withDefault(Title2Family);
|
|
141
|
-
// Font Sizing Tokens
|
|
142
|
-
export const labelFontSize = create('label-font-size').withDefault((element) => getLabelTextSize(element));
|
|
143
|
-
export const contentFontSize = create('content-font-size').withDefault(BodySize);
|
|
144
|
-
export const groupLabelFontSize = create('group-label-font-size').withDefault(GroupLabel1Size);
|
|
145
|
-
export const drawerHeaderFontSize = create('drawer-header-font-size').withDefault(Title2Size);
|
|
146
|
-
// Font Weight Tokens
|
|
147
|
-
export const groupLabelFontWeight = create('group-label-font-weight').withDefault(GroupLabel1Weight);
|
|
148
|
-
export const labelFontWeight = create('label-font-weight').withDefault(ControlLabel1Weight);
|
|
149
|
-
// Font Color Tokens
|
|
150
|
-
export const labelFontColor = create('label-font-color').withDefault((element) => hexToRgba(getDefaultFontColorForTheme(element), 0.6));
|
|
151
|
-
export const groupLabelFontColor = create('group-label-font-color').withDefault((element) => getDefaultFontColorForTheme(element));
|
|
152
|
-
export const contentFontColor = create('content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
|
|
153
|
-
export const buttonContentFontColor = create('button-content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
|
|
154
|
-
export const labelFontColorDisabled = create('label-font-color-disabled').withDefault((element) => hexToRgba(getDefaultLineColorForTheme(element), 0.3));
|
|
155
|
-
export const labelTextTransform = create('label-text-transform').withDefault((element) => getLabelTextTransform(element));
|
|
156
|
-
export const groupLabelTextTransform = create('group-label-text-transform').withDefault((element) => getGroupLabelTextTransform(element));
|
|
157
|
-
export const contentFontColorDisabled = create('content-font-color-disabled').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
|
|
158
|
-
// Animation Tokens
|
|
159
|
-
export const smallDelay = create('small-delay').withDefault(SmallDelay);
|
|
160
|
-
export const mediumDelay = create('medium-delay').withDefault(MediumDelay);
|
|
161
|
-
export const drawerAnimationDurationMs = create('drawer-animation-duration-ms').withDefault(250);
|
|
162
|
-
// Filter Tokens
|
|
163
|
-
export const passwordRevealFilter = create('password-reveal-filter').withDefault((element) => getPasswordRevealFilter(element));
|
|
164
149
|
//# sourceMappingURL=design-tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,22 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import { Direction } from '@microsoft/fast-web-utilities';
|
|
3
|
+
import { Theme } from './types';
|
|
4
|
+
declare global {
|
|
5
|
+
interface HTMLElementTagNameMap {
|
|
6
|
+
'nimble-theme-provider': ThemeProvider;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export declare const direction: DesignToken<Direction>;
|
|
10
|
+
export declare const theme: DesignToken<Theme>;
|
|
4
11
|
/**
|
|
5
|
-
* The
|
|
12
|
+
* The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
|
|
13
|
+
* the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
|
|
6
14
|
* @internal
|
|
7
15
|
*/
|
|
8
|
-
declare class
|
|
9
|
-
|
|
16
|
+
export declare class ThemeProvider extends FoundationElement {
|
|
17
|
+
direction: Direction;
|
|
18
|
+
theme: Theme;
|
|
19
|
+
directionChanged(_prev: Direction | undefined, next: Direction | undefined): void;
|
|
20
|
+
themeChanged(_prev: Theme | undefined, next: Theme | undefined): void;
|
|
21
|
+
connectedCallback(): void;
|
|
10
22
|
}
|
|
@@ -1,38 +1,63 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
|
|
3
|
-
import { attr
|
|
2
|
+
import { DesignSystem, DesignToken, FoundationElement } from '@microsoft/fast-foundation';
|
|
3
|
+
import { attr } from '@microsoft/fast-element';
|
|
4
|
+
import { Direction } from '@microsoft/fast-web-utilities';
|
|
4
5
|
import { template } from './template';
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
6
|
+
import { styles } from './styles';
|
|
7
|
+
import { Theme } from './types';
|
|
8
|
+
// Not represented as a CSS Custom Property, instead available
|
|
9
|
+
// as an attribute of theme provider.
|
|
10
|
+
export const direction = DesignToken.create({
|
|
11
|
+
name: 'direction',
|
|
12
|
+
cssCustomPropertyName: null
|
|
13
|
+
}).withDefault(Direction.ltr);
|
|
14
|
+
export const theme = DesignToken.create({
|
|
15
|
+
name: 'theme',
|
|
16
|
+
cssCustomPropertyName: null
|
|
17
|
+
}).withDefault(Theme.Light);
|
|
18
18
|
/**
|
|
19
|
-
* The
|
|
19
|
+
* The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
|
|
20
|
+
* the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
|
|
20
21
|
* @internal
|
|
21
22
|
*/
|
|
22
|
-
class
|
|
23
|
+
export class ThemeProvider extends FoundationElement {
|
|
24
|
+
directionChanged(_prev, next) {
|
|
25
|
+
if (next !== undefined && next !== null) {
|
|
26
|
+
direction.setValueFor(this, next);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
direction.deleteValueFor(this);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
themeChanged(_prev, next) {
|
|
33
|
+
if (next !== undefined && next !== null) {
|
|
34
|
+
theme.setValueFor(this, next);
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
theme.deleteValueFor(this);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
connectedCallback() {
|
|
41
|
+
super.connectedCallback();
|
|
42
|
+
if (!this.direction) {
|
|
43
|
+
this.direction = Direction.ltr;
|
|
44
|
+
}
|
|
45
|
+
if (!this.theme) {
|
|
46
|
+
this.theme = Theme.Light;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
23
49
|
}
|
|
50
|
+
__decorate([
|
|
51
|
+
attr({
|
|
52
|
+
attribute: 'direction'
|
|
53
|
+
})
|
|
54
|
+
], ThemeProvider.prototype, "direction", void 0);
|
|
24
55
|
__decorate([
|
|
25
56
|
attr({
|
|
26
57
|
attribute: 'theme'
|
|
27
|
-
})
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const styles = css `
|
|
31
|
-
:host {
|
|
32
|
-
display: contents;
|
|
33
|
-
}
|
|
34
|
-
`;
|
|
35
|
-
const nimbleDesignSystemProvider = NimbleThemeProvider.compose({
|
|
58
|
+
})
|
|
59
|
+
], ThemeProvider.prototype, "theme", void 0);
|
|
60
|
+
const nimbleDesignSystemProvider = ThemeProvider.compose({
|
|
36
61
|
baseName: 'theme-provider',
|
|
37
62
|
styles,
|
|
38
63
|
template
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EACZ,WAAW,EACX,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQhC,8DAA8D;AAC9D,qCAAqC;AACrC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAY;IACnD,IAAI,EAAE,WAAW;IACjB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAQ;IAC3C,IAAI,EAAE,OAAO;IACb,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAE5B;;;;GAIG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAWzC,gBAAgB,CACnB,KAA4B,EAC5B,IAA2B;QAE3B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACrC;aAAM;YACH,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAClC;IACL,CAAC;IAEM,YAAY,CACf,KAAwB,EACxB,IAAuB;QAEvB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACjC;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC9B;IACL,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC;SAClC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC5B;IACL,CAAC;CACJ;AAxCG;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,WAAW;KACzB,CAAC;gDAC2B;AAK7B;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;4CACmB;AAqCzB,MAAM,0BAA0B,GAAG,aAAa,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/theme-provider/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const template: import("@microsoft/fast-element").ViewTemplate<
|
|
1
|
+
import type { ThemeProvider } from '.';
|
|
2
|
+
export declare const template: import("@microsoft/fast-element").ViewTemplate<ThemeProvider, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/theme-provider/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/theme-provider/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export var Theme;
|
|
2
|
+
(function (Theme) {
|
|
3
|
+
Theme["Light"] = "light";
|
|
4
|
+
Theme["Dark"] = "dark";
|
|
5
|
+
Theme["Color"] = "color";
|
|
6
|
+
Theme["LegacyBlue"] = "legacy-blue"; // ⛔️ only for use within SystemLink apps that haven't been updated to brand-aligned controls
|
|
7
|
+
})(Theme || (Theme = {}));
|
|
8
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAKX;AALD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,wBAAe,CAAA;IACf,mCAA0B,CAAA,CAAC,6FAA6F;AAC5H,CAAC,EALW,KAAK,KAAL,KAAK,QAKhB"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
|
|
2
|
+
export type { TreeItem };
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'nimble-tree-item': TreeItem;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
2
8
|
/**
|
|
3
9
|
* A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
|
|
4
10
|
* Implements {@link @microsoft/fast-foundation#treeItemTemplate}
|
|
@@ -9,7 +15,7 @@ import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
|
|
|
9
15
|
* Generates HTML Element: \<nimble-tree-item\>
|
|
10
16
|
*
|
|
11
17
|
*/
|
|
12
|
-
|
|
18
|
+
declare class TreeItem extends FoundationTreeItem {
|
|
13
19
|
private treeView;
|
|
14
20
|
constructor();
|
|
15
21
|
connectedCallback(): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { treeItemTemplate as template, TreeItem as FoundationTreeItem, DesignSystem } from '@microsoft/fast-foundation';
|
|
2
2
|
import { controlsArrowExpanderUp16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
|
|
3
|
-
import { groupSelectedAttribute,
|
|
3
|
+
import { groupSelectedAttribute, TreeViewSelectionMode } from '../tree-view/types';
|
|
4
4
|
import { styles } from './styles';
|
|
5
5
|
/**
|
|
6
6
|
* A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
|
|
@@ -12,9 +12,10 @@ import { styles } from './styles';
|
|
|
12
12
|
* Generates HTML Element: \<nimble-tree-item\>
|
|
13
13
|
*
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
class TreeItem extends FoundationTreeItem {
|
|
16
16
|
constructor() {
|
|
17
17
|
super();
|
|
18
|
+
this.treeView = null;
|
|
18
19
|
this.handleClickOverride = (event) => {
|
|
19
20
|
if (event.composedPath().includes(this.expandCollapseButton)) {
|
|
20
21
|
// just have base class handle click event for glyph
|
|
@@ -26,32 +27,30 @@ export class TreeItem extends FoundationTreeItem {
|
|
|
26
27
|
event.stopImmediatePropagation();
|
|
27
28
|
return;
|
|
28
29
|
}
|
|
29
|
-
const leavesOnly = this.treeView?.selectionMode ===
|
|
30
|
+
const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
|
|
30
31
|
const hasChildren = this.hasChildTreeItems();
|
|
31
32
|
if ((leavesOnly && !hasChildren) || !leavesOnly) {
|
|
32
33
|
// if either a leaf tree item, or in a mode that supports select on groups,
|
|
33
34
|
// process click as a select
|
|
34
|
-
this.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
event.stopImmediatePropagation();
|
|
35
|
+
if (!this.selected) {
|
|
36
|
+
this.selected = true;
|
|
37
|
+
this.$emit('selected-change', this);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
else {
|
|
41
41
|
// implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
|
|
42
42
|
this.expanded = !this.expanded;
|
|
43
43
|
this.$emit('expanded-change', this);
|
|
44
|
-
// don't allow base class to process click event, as all we want to happen
|
|
45
|
-
// here is toggling 'expanded', and to issue the expanded-change event
|
|
46
|
-
event.stopImmediatePropagation();
|
|
47
44
|
}
|
|
45
|
+
// don't allow base class to process click event
|
|
46
|
+
event.stopImmediatePropagation();
|
|
48
47
|
};
|
|
49
48
|
// This prevents the toggling of selected state when a TreeItem is clicked multiple times,
|
|
50
49
|
// which is what the FAST TreeItem allows
|
|
51
50
|
this.handleSelectedChange = (event) => {
|
|
52
51
|
// only process selection
|
|
53
|
-
if (event.target === this) {
|
|
54
|
-
this.
|
|
52
|
+
if (event.target === this && this.selected) {
|
|
53
|
+
this.setGroupSelectionOnRootParentTreeItem(this);
|
|
55
54
|
}
|
|
56
55
|
};
|
|
57
56
|
this.addEventListener('click', this.handleClickOverride);
|
|
@@ -108,7 +107,9 @@ export class TreeItem extends FoundationTreeItem {
|
|
|
108
107
|
const nimbleTreeItem = TreeItem.compose({
|
|
109
108
|
baseName: 'tree-item',
|
|
110
109
|
baseClass: FoundationTreeItem,
|
|
110
|
+
// @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
|
|
111
111
|
template,
|
|
112
|
+
// @ts-expect-error FAST styles have incorrect type, see: https://github.com/microsoft/fast/issues/5047
|
|
112
113
|
styles,
|
|
113
114
|
expandCollapseGlyph: controlsArrowExpanderUp16X16.data
|
|
114
115
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,IAAI,QAAQ,EAC5B,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AAEpG,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"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"}
|