@fluentui/react-theme 0.0.0-nightlyff78d1e27a20220217.1 → 0.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/CHANGELOG.json +224 -6
- package/CHANGELOG.md +124 -42
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/{dark.js → darkColor.js} +20 -31
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/{light.js → lightColor.js} +9 -20
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +16 -16
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +45 -27
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/tokens.js +116 -377
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +9 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +9 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +9 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +9 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/{dark.js → darkColor.js} +20 -31
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{highContrast.js → highContrastColor.js} +8 -19
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{light.js → lightColor.js} +9 -20
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/{teamsDark.js → teamsDarkColor.js} +20 -31
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +16 -16
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +46 -28
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +10 -0
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +67 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/tokens.js +116 -377
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +15 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +15 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +15 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +15 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +14 -12
- package/dist/react-theme.d.ts +0 -358
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -4
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -5
- package/lib/themeToTokensObject.d.ts +0 -10
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/tokens.d.ts +0 -2
- package/lib/types.d.ts +0 -342
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -4
- package/lib/utils/shadows.d.ts +0 -3
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -4
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -5
- package/lib-commonjs/themeToTokensObject.d.ts +0 -10
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/tokens.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -342
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -4
- package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.verticalSpacings = exports.horizontalSpacings = exports.spacings = void 0;
|
7
|
+
exports.spacings = {
|
8
|
+
none: '0',
|
9
|
+
xxs: '2px',
|
10
|
+
xs: '4px',
|
11
|
+
sNudge: '6px',
|
12
|
+
s: '8px',
|
13
|
+
mNudge: '10px',
|
14
|
+
m: '12px',
|
15
|
+
l: '16px',
|
16
|
+
xl: '20px',
|
17
|
+
xxl: '24px',
|
18
|
+
xxxl: '32px'
|
19
|
+
};
|
20
|
+
exports.horizontalSpacings = {
|
21
|
+
spacingHorizontalNone: exports.spacings.none,
|
22
|
+
spacingHorizontalXXS: exports.spacings.xxs,
|
23
|
+
spacingHorizontalXS: exports.spacings.xs,
|
24
|
+
spacingHorizontalSNudge: exports.spacings.sNudge,
|
25
|
+
spacingHorizontalS: exports.spacings.s,
|
26
|
+
spacingHorizontalMNudge: exports.spacings.mNudge,
|
27
|
+
spacingHorizontalM: exports.spacings.m,
|
28
|
+
spacingHorizontalL: exports.spacings.l,
|
29
|
+
spacingHorizontalXL: exports.spacings.xl,
|
30
|
+
spacingHorizontalXXL: exports.spacings.xxl,
|
31
|
+
spacingHorizontalXXXL: exports.spacings.xxxl
|
32
|
+
};
|
33
|
+
exports.verticalSpacings = {
|
34
|
+
spacingVerticalNone: exports.spacings.none,
|
35
|
+
spacingVerticalXXS: exports.spacings.xxs,
|
36
|
+
spacingVerticalXS: exports.spacings.xs,
|
37
|
+
spacingVerticalSNudge: exports.spacings.sNudge,
|
38
|
+
spacingVerticalS: exports.spacings.s,
|
39
|
+
spacingVerticalMNudge: exports.spacings.mNudge,
|
40
|
+
spacingVerticalM: exports.spacings.m,
|
41
|
+
spacingVerticalL: exports.spacings.l,
|
42
|
+
spacingVerticalXL: exports.spacings.xl,
|
43
|
+
spacingVerticalXXL: exports.spacings.xxl,
|
44
|
+
spacingVerticalXXXL: exports.spacings.xxxl
|
45
|
+
};
|
46
|
+
//# sourceMappingURL=spacings.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["global/spacings.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,QAAA,GAA0B;EACrC,IAAI,EAAE,GAD+B;EAErC,GAAG,EAAE,KAFgC;EAGrC,EAAE,EAAE,KAHiC;EAIrC,MAAM,EAAE,KAJ6B;EAKrC,CAAC,EAAE,KALkC;EAMrC,MAAM,EAAE,MAN6B;EAOrC,CAAC,EAAE,MAPkC;EAQrC,CAAC,EAAE,MARkC;EASrC,EAAE,EAAE,MATiC;EAUrC,GAAG,EAAE,MAVgC;EAWrC,IAAI,EAAE;AAX+B,CAA1B;AAcA,OAAA,CAAA,kBAAA,GAA8C;EACzD,qBAAqB,EAAE,OAAA,CAAA,QAAA,CAAS,IADyB;EAEzD,oBAAoB,EAAE,OAAA,CAAA,QAAA,CAAS,GAF0B;EAGzD,mBAAmB,EAAE,OAAA,CAAA,QAAA,CAAS,EAH2B;EAIzD,uBAAuB,EAAE,OAAA,CAAA,QAAA,CAAS,MAJuB;EAKzD,kBAAkB,EAAE,OAAA,CAAA,QAAA,CAAS,CAL4B;EAMzD,uBAAuB,EAAE,OAAA,CAAA,QAAA,CAAS,MANuB;EAOzD,kBAAkB,EAAE,OAAA,CAAA,QAAA,CAAS,CAP4B;EAQzD,kBAAkB,EAAE,OAAA,CAAA,QAAA,CAAS,CAR4B;EASzD,mBAAmB,EAAE,OAAA,CAAA,QAAA,CAAS,EAT2B;EAUzD,oBAAoB,EAAE,OAAA,CAAA,QAAA,CAAS,GAV0B;EAWzD,qBAAqB,EAAE,OAAA,CAAA,QAAA,CAAS;AAXyB,CAA9C;AAcA,OAAA,CAAA,gBAAA,GAA0C;EACrD,mBAAmB,EAAE,OAAA,CAAA,QAAA,CAAS,IADuB;EAErD,kBAAkB,EAAE,OAAA,CAAA,QAAA,CAAS,GAFwB;EAGrD,iBAAiB,EAAE,OAAA,CAAA,QAAA,CAAS,EAHyB;EAIrD,qBAAqB,EAAE,OAAA,CAAA,QAAA,CAAS,MAJqB;EAKrD,gBAAgB,EAAE,OAAA,CAAA,QAAA,CAAS,CAL0B;EAMrD,qBAAqB,EAAE,OAAA,CAAA,QAAA,CAAS,MANqB;EAOrD,gBAAgB,EAAE,OAAA,CAAA,QAAA,CAAS,CAP0B;EAQrD,gBAAgB,EAAE,OAAA,CAAA,QAAA,CAAS,CAR0B;EASrD,iBAAiB,EAAE,OAAA,CAAA,QAAA,CAAS,EATyB;EAUrD,kBAAkB,EAAE,OAAA,CAAA,QAAA,CAAS,GAVwB;EAWrD,mBAAmB,EAAE,OAAA,CAAA,QAAA,CAAS;AAXuB,CAA1C","sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\nexport const spacings: SpacingTokens = {\n none: '0',\n xxs: '2px',\n xs: '4px',\n sNudge: '6px',\n s: '8px',\n mNudge: '10px',\n m: '12px',\n l: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["global/strokeWidths.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,YAAA,GAAkC;
|
1
|
+
{"version":3,"sources":["global/strokeWidths.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,YAAA,GAAkC;EAC7C,eAAe,EAAE,KAD4B;EAE7C,gBAAgB,EAAE,KAF2B;EAG7C,kBAAkB,EAAE,KAHyB;EAI7C,mBAAmB,EAAE;AAJwB,CAAlC","sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n strokeWidthThin: '1px',\n strokeWidthThick: '2px',\n strokeWidthThicker: '3px',\n strokeWidthThickest: '4px',\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,112 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.typographyStyles = void 0;
|
7
|
+
|
8
|
+
const tokens_1 = /*#__PURE__*/require("../tokens");
|
9
|
+
/**
|
10
|
+
* Global typography styles (fontSize, fontWeight, and lineHeight)
|
11
|
+
*/
|
12
|
+
|
13
|
+
|
14
|
+
exports.typographyStyles = {
|
15
|
+
body1: {
|
16
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
17
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
18
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
19
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
20
|
+
},
|
21
|
+
body1Strong: {
|
22
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
23
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
24
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
25
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
26
|
+
},
|
27
|
+
body1Stronger: {
|
28
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
29
|
+
fontSize: tokens_1.tokens.fontSizeBase300,
|
30
|
+
fontWeight: tokens_1.tokens.fontWeightMedium,
|
31
|
+
lineHeight: tokens_1.tokens.lineHeightBase300
|
32
|
+
},
|
33
|
+
caption1: {
|
34
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
35
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
36
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
37
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
38
|
+
},
|
39
|
+
caption1Strong: {
|
40
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
41
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
42
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
43
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
44
|
+
},
|
45
|
+
caption1Stronger: {
|
46
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
47
|
+
fontSize: tokens_1.tokens.fontSizeBase200,
|
48
|
+
fontWeight: tokens_1.tokens.fontWeightMedium,
|
49
|
+
lineHeight: tokens_1.tokens.lineHeightBase200
|
50
|
+
},
|
51
|
+
caption2: {
|
52
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
53
|
+
fontSize: tokens_1.tokens.fontSizeBase100,
|
54
|
+
fontWeight: tokens_1.tokens.fontWeightRegular,
|
55
|
+
lineHeight: tokens_1.tokens.lineHeightBase100
|
56
|
+
},
|
57
|
+
caption2Strong: {
|
58
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
59
|
+
fontSize: tokens_1.tokens.fontSizeBase100,
|
60
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
61
|
+
lineHeight: tokens_1.tokens.lineHeightBase100
|
62
|
+
},
|
63
|
+
subtitle1: {
|
64
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
65
|
+
fontSize: tokens_1.tokens.fontSizeBase500,
|
66
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
67
|
+
lineHeight: tokens_1.tokens.lineHeightBase500
|
68
|
+
},
|
69
|
+
subtitle2: {
|
70
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
71
|
+
fontSize: tokens_1.tokens.fontSizeBase400,
|
72
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
73
|
+
lineHeight: tokens_1.tokens.lineHeightBase400
|
74
|
+
},
|
75
|
+
subtitle2Stronger: {
|
76
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
77
|
+
fontSize: tokens_1.tokens.fontSizeBase400,
|
78
|
+
fontWeight: tokens_1.tokens.fontWeightMedium,
|
79
|
+
lineHeight: tokens_1.tokens.lineHeightBase400
|
80
|
+
},
|
81
|
+
title1: {
|
82
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
83
|
+
fontSize: tokens_1.tokens.fontSizeHero800,
|
84
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
85
|
+
lineHeight: tokens_1.tokens.lineHeightHero800
|
86
|
+
},
|
87
|
+
title2: {
|
88
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
89
|
+
fontSize: tokens_1.tokens.fontSizeHero700,
|
90
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
91
|
+
lineHeight: tokens_1.tokens.lineHeightHero700
|
92
|
+
},
|
93
|
+
title3: {
|
94
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
95
|
+
fontSize: tokens_1.tokens.fontSizeBase600,
|
96
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
97
|
+
lineHeight: tokens_1.tokens.lineHeightBase600
|
98
|
+
},
|
99
|
+
largeTitle: {
|
100
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
101
|
+
fontSize: tokens_1.tokens.fontSizeHero900,
|
102
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
103
|
+
lineHeight: tokens_1.tokens.lineHeightHero900
|
104
|
+
},
|
105
|
+
display: {
|
106
|
+
fontFamily: tokens_1.tokens.fontFamilyBase,
|
107
|
+
fontSize: tokens_1.tokens.fontSizeHero1000,
|
108
|
+
fontWeight: tokens_1.tokens.fontWeightSemibold,
|
109
|
+
lineHeight: tokens_1.tokens.lineHeightHero1000
|
110
|
+
}
|
111
|
+
};
|
112
|
+
//# sourceMappingURL=typographyStyles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["global/typographyStyles.ts"],"names":[],"mappings":"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","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.fontWeightMedium,\n lineHeight: tokens.lineHeightBase300,\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.fontWeightMedium,\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.fontWeightMedium,\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"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
@@ -3,13 +3,67 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.tokens = exports.themeToTokensObject = void 0;
|
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
7
|
|
8
|
-
|
8
|
+
var index_1 = /*#__PURE__*/require("./themes/index");
|
9
9
|
|
10
|
-
|
10
|
+
Object.defineProperty(exports, "teamsDarkTheme", {
|
11
|
+
enumerable: true,
|
12
|
+
get: function () {
|
13
|
+
return index_1.teamsDarkTheme;
|
14
|
+
}
|
15
|
+
});
|
16
|
+
Object.defineProperty(exports, "teamsHighContrastTheme", {
|
17
|
+
enumerable: true,
|
18
|
+
get: function () {
|
19
|
+
return index_1.teamsHighContrastTheme;
|
20
|
+
}
|
21
|
+
});
|
22
|
+
Object.defineProperty(exports, "teamsLightTheme", {
|
23
|
+
enumerable: true,
|
24
|
+
get: function () {
|
25
|
+
return index_1.teamsLightTheme;
|
26
|
+
}
|
27
|
+
});
|
28
|
+
Object.defineProperty(exports, "webDarkTheme", {
|
29
|
+
enumerable: true,
|
30
|
+
get: function () {
|
31
|
+
return index_1.webDarkTheme;
|
32
|
+
}
|
33
|
+
});
|
34
|
+
Object.defineProperty(exports, "webLightTheme", {
|
35
|
+
enumerable: true,
|
36
|
+
get: function () {
|
37
|
+
return index_1.webLightTheme;
|
38
|
+
}
|
39
|
+
});
|
11
40
|
|
12
|
-
|
41
|
+
var index_2 = /*#__PURE__*/require("./utils/index");
|
42
|
+
|
43
|
+
Object.defineProperty(exports, "createDarkTheme", {
|
44
|
+
enumerable: true,
|
45
|
+
get: function () {
|
46
|
+
return index_2.createDarkTheme;
|
47
|
+
}
|
48
|
+
});
|
49
|
+
Object.defineProperty(exports, "createHighContrastTheme", {
|
50
|
+
enumerable: true,
|
51
|
+
get: function () {
|
52
|
+
return index_2.createHighContrastTheme;
|
53
|
+
}
|
54
|
+
});
|
55
|
+
Object.defineProperty(exports, "createLightTheme", {
|
56
|
+
enumerable: true,
|
57
|
+
get: function () {
|
58
|
+
return index_2.createLightTheme;
|
59
|
+
}
|
60
|
+
});
|
61
|
+
Object.defineProperty(exports, "createTeamsDarkTheme", {
|
62
|
+
enumerable: true,
|
63
|
+
get: function () {
|
64
|
+
return index_2.createTeamsDarkTheme;
|
65
|
+
}
|
66
|
+
});
|
13
67
|
|
14
68
|
var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
|
15
69
|
|
@@ -28,4 +82,13 @@ Object.defineProperty(exports, "tokens", {
|
|
28
82
|
return tokens_1.tokens;
|
29
83
|
}
|
30
84
|
});
|
85
|
+
|
86
|
+
var index_3 = /*#__PURE__*/require("./global/index");
|
87
|
+
|
88
|
+
Object.defineProperty(exports, "typographyStyles", {
|
89
|
+
enumerable: true,
|
90
|
+
get: function () {
|
91
|
+
return index_3.typographyStyles;
|
92
|
+
}
|
93
|
+
});
|
31
94
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,cAAA;EAAc;AAAd,CAAA;AAAgB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AAAwB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,eAAA;EAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,YAAA;EAAY;AAAZ,CAAA;AAAc,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,aAAA;EAAa;AAAb,CAAA;;AAChF,IAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,eAAA;EAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA;AAAkB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA;;AAErE,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,qBAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA;;AACT,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,QAAA,CAAA,MAAA;EAAM;AAAN,CAAA;;AACT,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA","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"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["themeToTokensObject.ts"],"names":[],"mappings":";;;;;;AAEA;;;;;;;AAOG;;AACH,SAAgB,mBAAhB,CAA0D,KAA1D,EAAuE;
|
1
|
+
{"version":3,"sources":["themeToTokensObject.ts"],"names":[],"mappings":";;;;;;AAEA;;;;;;;AAOG;;AACH,SAAgB,mBAAhB,CAA0D,KAA1D,EAAuE;EACrE,MAAM,MAAM,GAAG,EAAf;EACA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,CAAb;;EACA,KAAK,MAAM,GAAX,IAAkB,IAAlB,EAAwB;IACtB,MAAM,CAAC,GAAD,CAAN,GAAc,SAAS,GAAG,GAA1B;EACD;;EACD,OAAO,MAAP;AACD;;AAPD,OAAA,CAAA,mBAAA,GAAA,mBAAA","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"],"sourceRoot":"../src/"}
|
@@ -9,6 +9,4 @@ const tslib_1 = /*#__PURE__*/require("tslib");
|
|
9
9
|
tslib_1.__exportStar(require("./lightTheme"), exports);
|
10
10
|
|
11
11
|
tslib_1.__exportStar(require("./darkTheme"), exports);
|
12
|
-
|
13
|
-
tslib_1.__exportStar(require("./highContrastTheme"), exports);
|
14
12
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA
|
1
|
+
{"version":3,"sources":["themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"sourceRoot":"../src/"}
|