@fluentui/tokens 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.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/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/lib/alias/darkColor.js +4 -2
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +2 -1
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +4 -2
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +4 -2
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +4 -2
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +3 -1
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +2 -1
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +2 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +1 -2
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +156 -155
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +44 -46
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +156 -155
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +34 -37
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +156 -155
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +35 -38
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +156 -155
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +11 -14
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +55 -65
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +42 -51
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +792 -859
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +14 -17
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +12 -15
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +39 -48
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +12 -12
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +40 -49
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +9 -12
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -111
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +81 -29
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +10 -69
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +15 -16
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +5 -6
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +6 -9
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +5 -8
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +6 -7
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +6 -9
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +6 -9
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +5 -6
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +6 -9
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +437 -440
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +2 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +30 -32
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -32
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +30 -32
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -32
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +7 -8
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +14 -17
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +3 -4
- package/.swcrc +0 -33
|
@@ -1,115 +1,115 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "typographyStyles", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>typographyStyles
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
6
|
+
exports.typographyStyles = void 0;
|
|
7
|
+
const tokens_1 = /*#__PURE__*/require("../tokens");
|
|
8
|
+
/**
|
|
9
|
+
* Global typography styles (fontSize, fontWeight, and lineHeight)
|
|
10
|
+
*/
|
|
11
|
+
exports.typographyStyles = {
|
|
12
|
+
body1: {
|
|
13
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
14
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
|
15
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
|
16
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
|
17
|
+
},
|
|
18
|
+
body1Strong: {
|
|
19
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
20
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
|
21
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
22
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
|
23
|
+
},
|
|
24
|
+
body1Stronger: {
|
|
25
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
26
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
|
27
|
+
fontWeight: tokens_1.tokens.fontWeightBold,
|
|
28
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
|
29
|
+
},
|
|
30
|
+
body2: {
|
|
31
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
32
|
+
fontSize: tokens_1.tokens.fontSizeBase400,
|
|
33
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
|
34
|
+
lineHeight: tokens_1.tokens.lineHeightBase400
|
|
35
|
+
},
|
|
36
|
+
caption1: {
|
|
37
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
38
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
|
39
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
|
40
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
|
41
|
+
},
|
|
42
|
+
caption1Strong: {
|
|
43
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
44
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
|
45
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
46
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
|
47
|
+
},
|
|
48
|
+
caption1Stronger: {
|
|
49
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
50
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
|
51
|
+
fontWeight: tokens_1.tokens.fontWeightBold,
|
|
52
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
|
53
|
+
},
|
|
54
|
+
caption2: {
|
|
55
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
56
|
+
fontSize: tokens_1.tokens.fontSizeBase100,
|
|
57
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
|
58
|
+
lineHeight: tokens_1.tokens.lineHeightBase100
|
|
59
|
+
},
|
|
60
|
+
caption2Strong: {
|
|
61
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
62
|
+
fontSize: tokens_1.tokens.fontSizeBase100,
|
|
63
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
64
|
+
lineHeight: tokens_1.tokens.lineHeightBase100
|
|
65
|
+
},
|
|
66
|
+
subtitle1: {
|
|
67
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
68
|
+
fontSize: tokens_1.tokens.fontSizeBase500,
|
|
69
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
70
|
+
lineHeight: tokens_1.tokens.lineHeightBase500
|
|
71
|
+
},
|
|
72
|
+
subtitle2: {
|
|
73
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
74
|
+
fontSize: tokens_1.tokens.fontSizeBase400,
|
|
75
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
76
|
+
lineHeight: tokens_1.tokens.lineHeightBase400
|
|
77
|
+
},
|
|
78
|
+
subtitle2Stronger: {
|
|
79
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
80
|
+
fontSize: tokens_1.tokens.fontSizeBase400,
|
|
81
|
+
fontWeight: tokens_1.tokens.fontWeightBold,
|
|
82
|
+
lineHeight: tokens_1.tokens.lineHeightBase400
|
|
83
|
+
},
|
|
84
|
+
title1: {
|
|
85
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
86
|
+
fontSize: tokens_1.tokens.fontSizeHero800,
|
|
87
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
88
|
+
lineHeight: tokens_1.tokens.lineHeightHero800
|
|
89
|
+
},
|
|
90
|
+
title2: {
|
|
91
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
92
|
+
fontSize: tokens_1.tokens.fontSizeHero700,
|
|
93
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
94
|
+
lineHeight: tokens_1.tokens.lineHeightHero700
|
|
95
|
+
},
|
|
96
|
+
title3: {
|
|
97
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
98
|
+
fontSize: tokens_1.tokens.fontSizeBase600,
|
|
99
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
100
|
+
lineHeight: tokens_1.tokens.lineHeightBase600
|
|
101
|
+
},
|
|
102
|
+
largeTitle: {
|
|
103
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
104
|
+
fontSize: tokens_1.tokens.fontSizeHero900,
|
|
105
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
106
|
+
lineHeight: tokens_1.tokens.lineHeightHero900
|
|
107
|
+
},
|
|
108
|
+
display: {
|
|
109
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
110
|
+
fontSize: tokens_1.tokens.fontSizeHero1000,
|
|
111
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
|
112
|
+
lineHeight: tokens_1.tokens.lineHeightHero1000
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
115
|
//# sourceMappingURL=typographyStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":"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","names":["exports","body1","fontFamily","tokens_1","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"sourceRoot":"","sources":["../../../../../../../packages/tokens/src/global/typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase300,\n },\n body2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase400,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"]}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,32 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
teamsDarkTheme: ()=>_index.teamsDarkTheme,
|
|
13
|
-
teamsHighContrastTheme: ()=>_index.teamsHighContrastTheme,
|
|
14
|
-
teamsLightTheme: ()=>_index.teamsLightTheme,
|
|
15
|
-
webDarkTheme: ()=>_index.webDarkTheme,
|
|
16
|
-
webLightTheme: ()=>_index.webLightTheme,
|
|
17
|
-
createDarkTheme: ()=>_index1.createDarkTheme,
|
|
18
|
-
createHighContrastTheme: ()=>_index1.createHighContrastTheme,
|
|
19
|
-
createLightTheme: ()=>_index1.createLightTheme,
|
|
20
|
-
createTeamsDarkTheme: ()=>_index1.createTeamsDarkTheme,
|
|
21
|
-
themeToTokensObject: ()=>_themeToTokensObject.themeToTokensObject,
|
|
22
|
-
tokens: ()=>_tokens.tokens,
|
|
23
|
-
typographyStyles: ()=>_index2.typographyStyles
|
|
24
|
-
});
|
|
25
|
-
const _index = require("./themes/index");
|
|
26
|
-
const _index1 = require("./utils/index");
|
|
27
|
-
const _themeToTokensObject = require("./themeToTokensObject");
|
|
28
|
-
const _tokens = require("./tokens");
|
|
29
|
-
const _index2 = require("./global/index");
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
31
2
|
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.typographyStyles = exports.tokens = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.webLightTheme = exports.webDarkTheme = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = void 0;
|
|
7
|
+
var index_1 = /*#__PURE__*/require("./themes/index");
|
|
8
|
+
Object.defineProperty(exports, "teamsDarkTheme", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () {
|
|
11
|
+
return index_1.teamsDarkTheme;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "teamsHighContrastTheme", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () {
|
|
17
|
+
return index_1.teamsHighContrastTheme;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "teamsLightTheme", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return index_1.teamsLightTheme;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(exports, "webDarkTheme", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function () {
|
|
29
|
+
return index_1.webDarkTheme;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports, "webLightTheme", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return index_1.webLightTheme;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
var index_2 = /*#__PURE__*/require("./utils/index");
|
|
39
|
+
Object.defineProperty(exports, "createDarkTheme", {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () {
|
|
42
|
+
return index_2.createDarkTheme;
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
Object.defineProperty(exports, "createHighContrastTheme", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function () {
|
|
48
|
+
return index_2.createHighContrastTheme;
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
Object.defineProperty(exports, "createLightTheme", {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function () {
|
|
54
|
+
return index_2.createLightTheme;
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
Object.defineProperty(exports, "createTeamsDarkTheme", {
|
|
58
|
+
enumerable: true,
|
|
59
|
+
get: function () {
|
|
60
|
+
return index_2.createTeamsDarkTheme;
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
|
|
64
|
+
Object.defineProperty(exports, "themeToTokensObject", {
|
|
65
|
+
enumerable: true,
|
|
66
|
+
get: function () {
|
|
67
|
+
return themeToTokensObject_1.themeToTokensObject;
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
var tokens_1 = /*#__PURE__*/require("./tokens");
|
|
71
|
+
Object.defineProperty(exports, "tokens", {
|
|
72
|
+
enumerable: true,
|
|
73
|
+
get: function () {
|
|
74
|
+
return tokens_1.tokens;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
var index_3 = /*#__PURE__*/require("./global/index");
|
|
78
|
+
Object.defineProperty(exports, "typographyStyles", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return index_3.typographyStyles;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
32
84
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAASA;EAAAC;EAAAC;IAAA,6BAAc;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,qCAAsB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AAC7F;AAASF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,sCAAuB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,mCAAoB;EAAA;AAAA;AAEzF;AAASF;EAAAC;EAAAC;IAAA,gDAAmB;EAAA;AAAA;AAC5B;AAASF;EAAAC;EAAAC;IAAA,sBAAM;EAAA;AAAA;AACf;AAASF;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../packages/tokens/src/index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from './types';\n"]}
|
|
@@ -1,72 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
statusSharedColorNames: ()=>statusSharedColorNames,
|
|
13
|
-
personaSharedColorNames: ()=>personaSharedColorNames,
|
|
14
|
-
unusedSharedColorNames: ()=>unusedSharedColorNames
|
|
4
|
+
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
'marigold'
|
|
24
|
-
];
|
|
25
|
-
const personaSharedColorNames = [
|
|
26
|
-
'darkRed',
|
|
27
|
-
'cranberry',
|
|
28
|
-
'pumpkin',
|
|
29
|
-
'peach',
|
|
30
|
-
'gold',
|
|
31
|
-
'brass',
|
|
32
|
-
'brown',
|
|
33
|
-
'forest',
|
|
34
|
-
'seafoam',
|
|
35
|
-
'darkGreen',
|
|
36
|
-
'lightTeal',
|
|
37
|
-
'teal',
|
|
38
|
-
'steel',
|
|
39
|
-
'blue',
|
|
40
|
-
'royalBlue',
|
|
41
|
-
'cornflower',
|
|
42
|
-
'navy',
|
|
43
|
-
'lavender',
|
|
44
|
-
'purple',
|
|
45
|
-
'grape',
|
|
46
|
-
'lilac',
|
|
47
|
-
'pink',
|
|
48
|
-
'magenta',
|
|
49
|
-
'plum',
|
|
50
|
-
'beige',
|
|
51
|
-
'mink',
|
|
52
|
-
'platinum',
|
|
53
|
-
'anchor'
|
|
54
|
-
];
|
|
55
|
-
const unusedSharedColorNames = [
|
|
56
|
-
'burgundy',
|
|
57
|
-
'bronze',
|
|
58
|
-
'orange',
|
|
59
|
-
'darkBrown',
|
|
60
|
-
'lime',
|
|
61
|
-
'darkTeal',
|
|
62
|
-
'cyan',
|
|
63
|
-
'lightBlue',
|
|
64
|
-
'darkBlue',
|
|
65
|
-
'darkPurple',
|
|
66
|
-
'orchid',
|
|
67
|
-
'hotPink',
|
|
68
|
-
'silver',
|
|
69
|
-
'charcoal'
|
|
70
|
-
]; //# sourceMappingURL=sharedColorNames.js.map
|
|
71
|
-
|
|
6
|
+
exports.unusedSharedColorNames = exports.personaSharedColorNames = exports.statusSharedColorNames = void 0;
|
|
7
|
+
/* Names of colors used in shared color palette alias tokens for status. */
|
|
8
|
+
exports.statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
|
|
9
|
+
/* Names of colors used in shared color palette alias tokens for persona. */
|
|
10
|
+
exports.personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
|
|
11
|
+
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
|
|
12
|
+
exports.unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
|
|
72
13
|
//# sourceMappingURL=sharedColorNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACaA,8BAAsB,GAAG,CACpC,KAAK,EACL,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,CACF;AAEV;AACaA,+BAAuB,GAAG,CACrC,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAU,EACV,QAAQ,CACA;AAEV;AACaA,8BAAsB,GAAG,CACpC,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,UAAU,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,CACF","names":["exports"],"sourceRoot":"","sources":["../../../../../../packages/tokens/src/sharedColorNames.ts"],"sourcesContent":["/* Names of colors used in shared color palette alias tokens for status. */\nexport const statusSharedColorNames = [\n 'red',\n 'green',\n 'darkOrange',\n 'yellow',\n 'berry',\n 'lightGreen',\n 'marigold',\n] as const;\n\n/* Names of colors used in shared color palette alias tokens for persona. */\nexport const personaSharedColorNames = [\n 'darkRed',\n 'cranberry',\n 'pumpkin',\n 'peach',\n 'gold',\n 'brass',\n 'brown',\n 'forest',\n 'seafoam',\n 'darkGreen',\n 'lightTeal',\n 'teal',\n 'steel',\n 'blue',\n 'royalBlue',\n 'cornflower',\n 'navy',\n 'lavender',\n 'purple',\n 'grape',\n 'lilac',\n 'pink',\n 'magenta',\n 'plum',\n 'beige',\n 'mink',\n 'platinum',\n 'anchor',\n] as const;\n\n/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */\nexport const unusedSharedColorNames = [\n 'burgundy',\n 'bronze',\n 'orange',\n 'darkBrown',\n 'lime',\n 'darkTeal',\n 'cyan',\n 'lightBlue',\n 'darkBlue',\n 'darkPurple',\n 'orchid',\n 'hotPink',\n 'silver',\n 'charcoal',\n] as const;\n"]}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.themeToTokensObject = void 0;
|
|
1
7
|
/**
|
|
2
8
|
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
|
3
9
|
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
|
@@ -5,21 +11,14 @@
|
|
|
5
11
|
*
|
|
6
12
|
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
|
7
13
|
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: true
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "themeToTokensObject", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: ()=>themeToTokensObject
|
|
15
|
-
});
|
|
14
|
+
*/
|
|
16
15
|
function themeToTokensObject(theme) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
16
|
+
const tokens = {};
|
|
17
|
+
const keys = Object.keys(theme);
|
|
18
|
+
for (const key of keys) {
|
|
19
|
+
tokens[key] = `var(--${key})`;
|
|
20
|
+
}
|
|
21
|
+
return tokens;
|
|
22
|
+
}
|
|
23
|
+
exports.themeToTokensObject = themeToTokensObject;
|
|
25
24
|
//# sourceMappingURL=themeToTokensObject.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAEA;;;;;;;;AAQA,SAAgBA,mBAAmB,CAAuBC,KAAa;EACrE,MAAMC,MAAM,GAAG,EAAkC;EACjD,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,KAAK,CAAqB;EACnD,KAAK,MAAMI,GAAG,IAAIF,IAAI,EAAE;IACtBD,MAAM,CAACG,GAAG,CAAC,GAAG,SAASA,GAAG,GAAG;;EAE/B,OAAOH,MAAM;AACf;AAPAI","names":["themeToTokensObject","theme","tokens","keys","Object","key","exports"],"sourceRoot":"","sources":["../../../../../../packages/tokens/src/themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${key})`;\n }\n return tokens;\n}\n"]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
9
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./teams/index"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./web/index"), exports);
|
|
10
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/tokens/src/themes/index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"]}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "teamsDarkTheme", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>teamsDarkTheme
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
|
|
6
|
+
exports.teamsDarkTheme = void 0;
|
|
7
|
+
const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
|
|
8
|
+
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
|
9
|
+
exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams);
|
|
13
10
|
//# sourceMappingURL=darkTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AAGaA,sBAAc,gBAAUC,2CAAoB,CAACC,wBAAU,CAAC","names":["exports","createTeamsDarkTheme_1","brandColors_1"],"sourceRoot":"","sources":["../../../../../../../../packages/tokens/src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"]}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "teamsHighContrastTheme", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>teamsHighContrastTheme
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
6
|
+
exports.teamsHighContrastTheme = void 0;
|
|
7
|
+
const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
|
|
8
|
+
exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
|
|
12
9
|
//# sourceMappingURL=highContrastTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAGaA,8BAAsB,gBAAUC,iDAAuB,EAAE","names":["exports","createHighContrastTheme_1"],"sourceRoot":"","sources":["../../../../../../../../packages/tokens/src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
10
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./lightTheme"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./darkTheme"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./highContrastTheme"), exports);
|
|
11
10
|
//# sourceMappingURL=index.js.map
|