@fluentui/tokens 1.0.0-alpha.4 → 1.0.0-alpha.6
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 +75 -1
- package/CHANGELOG.md +21 -2
- package/dist/index.d.ts +7 -0
- package/lib/alias/darkColor.js +160 -154
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +25 -26
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +160 -154
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +24 -25
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +160 -154
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +24 -25
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +160 -154
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js +6 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +48 -49
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js +35 -36
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +689 -690
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +9 -10
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js +7 -8
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +29 -32
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +33 -34
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js +4 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +103 -105
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +55 -6
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +7 -8
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +0 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -2
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +0 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +442 -436
- package/lib/tokens.js.map +1 -1
- package/lib/types.js +1 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +18 -19
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +18 -19
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +18 -19
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +18 -19
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +8 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +9 -4
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +3 -5
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +10 -5
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +3 -5
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +8 -3
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +3 -5
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +9 -4
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +1 -3
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +1 -3
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +1 -3
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +1 -3
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +1 -3
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +1 -3
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +3 -7
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +0 -3
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +1 -3
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +1 -3
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +1 -3
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +1 -3
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +2 -4
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +0 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +1 -3
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +0 -3
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +1 -3
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +1 -3
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +1 -3
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +8 -3
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +0 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +1 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +1 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +1 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -3
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +1 -3
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +1 -1
- package/.swcrc +0 -30
|
@@ -1,109 +1,107 @@
|
|
|
1
1
|
import { tokens } from '../tokens';
|
|
2
2
|
/**
|
|
3
3
|
* Global typography styles (fontSize, fontWeight, and lineHeight)
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
}
|
|
4
|
+
*/ export const typographyStyles = {
|
|
5
|
+
body1: {
|
|
6
|
+
fontFamily: tokens.fontFamilyBase,
|
|
7
|
+
fontSize: tokens.fontSizeBase300,
|
|
8
|
+
fontWeight: tokens.fontWeightRegular,
|
|
9
|
+
lineHeight: tokens.lineHeightBase300
|
|
10
|
+
},
|
|
11
|
+
body1Strong: {
|
|
12
|
+
fontFamily: tokens.fontFamilyBase,
|
|
13
|
+
fontSize: tokens.fontSizeBase300,
|
|
14
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
15
|
+
lineHeight: tokens.lineHeightBase300
|
|
16
|
+
},
|
|
17
|
+
body1Stronger: {
|
|
18
|
+
fontFamily: tokens.fontFamilyBase,
|
|
19
|
+
fontSize: tokens.fontSizeBase300,
|
|
20
|
+
fontWeight: tokens.fontWeightBold,
|
|
21
|
+
lineHeight: tokens.lineHeightBase300
|
|
22
|
+
},
|
|
23
|
+
body2: {
|
|
24
|
+
fontFamily: tokens.fontFamilyBase,
|
|
25
|
+
fontSize: tokens.fontSizeBase400,
|
|
26
|
+
fontWeight: tokens.fontWeightRegular,
|
|
27
|
+
lineHeight: tokens.lineHeightBase400
|
|
28
|
+
},
|
|
29
|
+
caption1: {
|
|
30
|
+
fontFamily: tokens.fontFamilyBase,
|
|
31
|
+
fontSize: tokens.fontSizeBase200,
|
|
32
|
+
fontWeight: tokens.fontWeightRegular,
|
|
33
|
+
lineHeight: tokens.lineHeightBase200
|
|
34
|
+
},
|
|
35
|
+
caption1Strong: {
|
|
36
|
+
fontFamily: tokens.fontFamilyBase,
|
|
37
|
+
fontSize: tokens.fontSizeBase200,
|
|
38
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
39
|
+
lineHeight: tokens.lineHeightBase200
|
|
40
|
+
},
|
|
41
|
+
caption1Stronger: {
|
|
42
|
+
fontFamily: tokens.fontFamilyBase,
|
|
43
|
+
fontSize: tokens.fontSizeBase200,
|
|
44
|
+
fontWeight: tokens.fontWeightBold,
|
|
45
|
+
lineHeight: tokens.lineHeightBase200
|
|
46
|
+
},
|
|
47
|
+
caption2: {
|
|
48
|
+
fontFamily: tokens.fontFamilyBase,
|
|
49
|
+
fontSize: tokens.fontSizeBase100,
|
|
50
|
+
fontWeight: tokens.fontWeightRegular,
|
|
51
|
+
lineHeight: tokens.lineHeightBase100
|
|
52
|
+
},
|
|
53
|
+
caption2Strong: {
|
|
54
|
+
fontFamily: tokens.fontFamilyBase,
|
|
55
|
+
fontSize: tokens.fontSizeBase100,
|
|
56
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
57
|
+
lineHeight: tokens.lineHeightBase100
|
|
58
|
+
},
|
|
59
|
+
subtitle1: {
|
|
60
|
+
fontFamily: tokens.fontFamilyBase,
|
|
61
|
+
fontSize: tokens.fontSizeBase500,
|
|
62
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
63
|
+
lineHeight: tokens.lineHeightBase500
|
|
64
|
+
},
|
|
65
|
+
subtitle2: {
|
|
66
|
+
fontFamily: tokens.fontFamilyBase,
|
|
67
|
+
fontSize: tokens.fontSizeBase400,
|
|
68
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
69
|
+
lineHeight: tokens.lineHeightBase400
|
|
70
|
+
},
|
|
71
|
+
subtitle2Stronger: {
|
|
72
|
+
fontFamily: tokens.fontFamilyBase,
|
|
73
|
+
fontSize: tokens.fontSizeBase400,
|
|
74
|
+
fontWeight: tokens.fontWeightBold,
|
|
75
|
+
lineHeight: tokens.lineHeightBase400
|
|
76
|
+
},
|
|
77
|
+
title1: {
|
|
78
|
+
fontFamily: tokens.fontFamilyBase,
|
|
79
|
+
fontSize: tokens.fontSizeHero800,
|
|
80
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
81
|
+
lineHeight: tokens.lineHeightHero800
|
|
82
|
+
},
|
|
83
|
+
title2: {
|
|
84
|
+
fontFamily: tokens.fontFamilyBase,
|
|
85
|
+
fontSize: tokens.fontSizeHero700,
|
|
86
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
87
|
+
lineHeight: tokens.lineHeightHero700
|
|
88
|
+
},
|
|
89
|
+
title3: {
|
|
90
|
+
fontFamily: tokens.fontFamilyBase,
|
|
91
|
+
fontSize: tokens.fontSizeBase600,
|
|
92
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
93
|
+
lineHeight: tokens.lineHeightBase600
|
|
94
|
+
},
|
|
95
|
+
largeTitle: {
|
|
96
|
+
fontFamily: tokens.fontFamilyBase,
|
|
97
|
+
fontSize: tokens.fontSizeHero900,
|
|
98
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
99
|
+
lineHeight: tokens.lineHeightHero900
|
|
100
|
+
},
|
|
101
|
+
display: {
|
|
102
|
+
fontFamily: tokens.fontFamilyBase,
|
|
103
|
+
fontSize: tokens.fontSizeHero1000,
|
|
104
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
105
|
+
lineHeight: tokens.lineHeightHero1000
|
|
106
|
+
}
|
|
108
107
|
};
|
|
109
|
-
//# sourceMappingURL=typographyStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["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"],"names":["tokens","typographyStyles","body1","fontFamily","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"],"mappings":"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"}
|
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["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"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,iBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,gBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,iBAAiB"}
|
package/lib/sharedColorNames.js
CHANGED
|
@@ -1,6 +1,55 @@
|
|
|
1
|
-
/* Names of colors used in shared color palette alias tokens for status. */export const statusSharedColorNames = [
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/* Names of colors used in shared color palette alias tokens for status. */ export const statusSharedColorNames = [
|
|
2
|
+
'red',
|
|
3
|
+
'green',
|
|
4
|
+
'darkOrange',
|
|
5
|
+
'yellow',
|
|
6
|
+
'berry',
|
|
7
|
+
'lightGreen',
|
|
8
|
+
'marigold'
|
|
9
|
+
];
|
|
10
|
+
/* Names of colors used in shared color palette alias tokens for persona. */ export const personaSharedColorNames = [
|
|
11
|
+
'darkRed',
|
|
12
|
+
'cranberry',
|
|
13
|
+
'pumpkin',
|
|
14
|
+
'peach',
|
|
15
|
+
'gold',
|
|
16
|
+
'brass',
|
|
17
|
+
'brown',
|
|
18
|
+
'forest',
|
|
19
|
+
'seafoam',
|
|
20
|
+
'darkGreen',
|
|
21
|
+
'lightTeal',
|
|
22
|
+
'teal',
|
|
23
|
+
'steel',
|
|
24
|
+
'blue',
|
|
25
|
+
'royalBlue',
|
|
26
|
+
'cornflower',
|
|
27
|
+
'navy',
|
|
28
|
+
'lavender',
|
|
29
|
+
'purple',
|
|
30
|
+
'grape',
|
|
31
|
+
'lilac',
|
|
32
|
+
'pink',
|
|
33
|
+
'magenta',
|
|
34
|
+
'plum',
|
|
35
|
+
'beige',
|
|
36
|
+
'mink',
|
|
37
|
+
'platinum',
|
|
38
|
+
'anchor'
|
|
39
|
+
];
|
|
40
|
+
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */ export const unusedSharedColorNames = [
|
|
41
|
+
'burgundy',
|
|
42
|
+
'bronze',
|
|
43
|
+
'orange',
|
|
44
|
+
'darkBrown',
|
|
45
|
+
'lime',
|
|
46
|
+
'darkTeal',
|
|
47
|
+
'cyan',
|
|
48
|
+
'lightBlue',
|
|
49
|
+
'darkBlue',
|
|
50
|
+
'darkPurple',
|
|
51
|
+
'orchid',
|
|
52
|
+
'hotPink',
|
|
53
|
+
'silver',
|
|
54
|
+
'charcoal'
|
|
55
|
+
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["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"],"names":["statusSharedColorNames","personaSharedColorNames","unusedSharedColorNames"],"mappings":"AAAA,yEAAyE,GACzE,OAAO,MAAMA,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU;AAEX,0EAA0E,GAC1E,OAAO,MAAMC,0BAA0B;IACrC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU;AAEX,mGAAmG,GACnG,OAAO,MAAMC,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU"}
|
|
@@ -5,12 +5,11 @@
|
|
|
5
5
|
*
|
|
6
6
|
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
|
7
7
|
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
|
8
|
-
*/export function themeToTokensObject(theme) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
*/ export function themeToTokensObject(theme) {
|
|
9
|
+
const tokens = {};
|
|
10
|
+
const keys = Object.keys(theme);
|
|
11
|
+
for (const key of keys){
|
|
12
|
+
tokens[key] = `var(--${String(key)})`;
|
|
13
|
+
}
|
|
14
|
+
return tokens;
|
|
15
15
|
}
|
|
16
|
-
//# sourceMappingURL=themeToTokensObject.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["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(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":"AAEA;;;;;;;CAOC,GACD,OAAO,SAASA,oBAA0CC,KAAa,EAAgC;IACrG,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT,CAAC"}
|
package/lib/themes/index.js
CHANGED
package/lib/themes/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,cAAc"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';
|
|
2
2
|
import { brandTeams } from '../../global/brandColors';
|
|
3
|
-
export const teamsDarkTheme =
|
|
4
|
-
//# sourceMappingURL=darkTheme.js.map
|
|
3
|
+
export const teamsDarkTheme = createTeamsDarkTheme(brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["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"],"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,mCAAmC;AACxE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD,OAAO,MAAMC,iBAAwBF,qBAAqBC,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["createHighContrastTheme","teamsHighContrastTheme"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,sCAAsC;AAG9E,OAAO,MAAMC,yBAAgCD,0BAA0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,sBAAsB"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
2
|
import { brandTeams } from '../../global/brandColors';
|
|
3
|
-
export const teamsLightTheme =
|
|
4
|
-
//# sourceMappingURL=lightTheme.js.map
|
|
3
|
+
export const teamsLightTheme = createLightTheme(brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["createLightTheme","brandTeams","teamsLightTheme"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD,OAAO,MAAMC,kBAAyBF,iBAAiBC,YAAY"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { createDarkTheme } from '../../utils/createDarkTheme';
|
|
2
2
|
import { brandWeb } from '../../global/brandColors';
|
|
3
|
-
export const webDarkTheme =
|
|
4
|
-
//# sourceMappingURL=darkTheme.js.map
|
|
3
|
+
export const webDarkTheme = createDarkTheme(brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["createDarkTheme","brandWeb","webDarkTheme"],"mappings":"AAAA,SAASA,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD,OAAO,MAAMC,eAAsBF,gBAAgBC,UAAU"}
|
package/lib/themes/web/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
2
|
import { brandWeb } from '../../global/brandColors';
|
|
3
|
-
export const webLightTheme =
|
|
4
|
-
//# sourceMappingURL=lightTheme.js.map
|
|
3
|
+
export const webLightTheme = createLightTheme(brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["createLightTheme","brandWeb","webLightTheme"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD,OAAO,MAAMC,gBAAuBF,iBAAiBC,UAAU"}
|