@fluentui/react-theme 0.0.0-nightly-20220302-0405.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 +1025 -0
- package/CHANGELOG.md +408 -0
- package/LICENSE +15 -0
- package/README.md +5 -0
- package/dist/react-theme.d.ts +358 -0
- package/lib/alias/dark.d.ts +3 -0
- package/lib/alias/dark.js +158 -0
- package/lib/alias/dark.js.map +1 -0
- package/lib/alias/highContrast.d.ts +3 -0
- package/lib/alias/highContrast.js +158 -0
- package/lib/alias/highContrast.js.map +1 -0
- package/lib/alias/light.d.ts +3 -0
- package/lib/alias/light.js +158 -0
- package/lib/alias/light.js.map +1 -0
- package/lib/alias/teamsDark.d.ts +3 -0
- package/lib/alias/teamsDark.js +158 -0
- package/lib/alias/teamsDark.js.map +1 -0
- package/lib/global/borderRadius.d.ts +2 -0
- package/lib/global/borderRadius.js +9 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.d.ts +4 -0
- package/lib/global/brandColors.js +55 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colors.d.ts +15 -0
- package/lib/global/colors.js +825 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/fonts.d.ts +5 -0
- package/lib/global/fonts.js +37 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.d.ts +4 -0
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/strokeWidths.d.ts +2 -0
- package/lib/global/strokeWidths.js +7 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/index.d.ts +5 -0
- package/lib/index.js +5 -0
- package/lib/index.js.map +1 -0
- package/lib/themeToTokensObject.d.ts +10 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.d.ts +2 -0
- package/lib/themes/index.js +3 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.d.ts +2 -0
- package/lib/themes/teams/darkTheme.js +4 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.d.ts +2 -0
- package/lib/themes/teams/highContrastTheme.js +3 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.d.ts +3 -0
- package/lib/themes/teams/index.js +4 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.d.ts +2 -0
- package/lib/themes/teams/lightTheme.js +4 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.d.ts +2 -0
- package/lib/themes/web/darkTheme.js +4 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/highContrastTheme.d.ts +2 -0
- package/lib/themes/web/highContrastTheme.js +3 -0
- package/lib/themes/web/highContrastTheme.js.map +1 -0
- package/lib/themes/web/index.d.ts +3 -0
- package/lib/themes/web/index.js +4 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.d.ts +2 -0
- package/lib/themes/web/lightTheme.js +4 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.d.ts +2 -0
- package/lib/tokens.js +687 -0
- package/lib/tokens.js.map +1 -0
- package/lib/tsdoc-metadata.json +11 -0
- package/lib/types.d.ts +342 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.d.ts +2 -0
- package/lib/utils/createDarkTheme.js +18 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.d.ts +2 -0
- package/lib/utils/createHighContrastTheme.js +18 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.d.ts +2 -0
- package/lib/utils/createLightTheme.js +18 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib/utils/createTeamsDarkTheme.js +18 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.d.ts +4 -0
- package/lib/utils/index.js +5 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.d.ts +3 -0
- package/lib/utils/shadows.js +11 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/dark.d.ts +3 -0
- package/lib-commonjs/alias/dark.js +168 -0
- package/lib-commonjs/alias/dark.js.map +1 -0
- package/lib-commonjs/alias/highContrast.d.ts +3 -0
- package/lib-commonjs/alias/highContrast.js +168 -0
- package/lib-commonjs/alias/highContrast.js.map +1 -0
- package/lib-commonjs/alias/light.d.ts +3 -0
- package/lib-commonjs/alias/light.js +168 -0
- package/lib-commonjs/alias/light.js.map +1 -0
- package/lib-commonjs/alias/teamsDark.d.ts +3 -0
- package/lib-commonjs/alias/teamsDark.js +168 -0
- package/lib-commonjs/alias/teamsDark.js.map +1 -0
- package/lib-commonjs/global/borderRadius.d.ts +2 -0
- package/lib-commonjs/global/borderRadius.js +15 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.d.ts +4 -0
- package/lib-commonjs/global/brandColors.js +61 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colors.d.ts +15 -0
- package/lib-commonjs/global/colors.js +831 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/fonts.d.ts +5 -0
- package/lib-commonjs/global/fonts.js +43 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.d.ts +4 -0
- package/lib-commonjs/global/index.js +16 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.d.ts +2 -0
- package/lib-commonjs/global/strokeWidths.js +13 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/index.d.ts +5 -0
- package/lib-commonjs/index.js +31 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.d.ts +10 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.d.ts +2 -0
- package/lib-commonjs/themes/index.js +12 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.d.ts +2 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +2 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.d.ts +3 -0
- package/lib-commonjs/themes/teams/index.js +14 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.d.ts +2 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.d.ts +2 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +2 -0
- package/lib-commonjs/themes/web/highContrastTheme.js +11 -0
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.d.ts +3 -0
- package/lib-commonjs/themes/web/index.js +14 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.d.ts +2 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.d.ts +2 -0
- package/lib-commonjs/tokens.js +693 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.d.ts +342 -0
- package/lib-commonjs/types.js +6 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createDarkTheme.js +30 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
- package/lib-commonjs/utils/createLightTheme.js +30 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.d.ts +4 -0
- package/lib-commonjs/utils/index.js +16 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.d.ts +3 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +52 -0
@@ -0,0 +1,55 @@
|
|
1
|
+
export const brandWeb = {
|
2
|
+
10: `#001526`,
|
3
|
+
20: `#002848`,
|
4
|
+
30: `#043862`,
|
5
|
+
40: `#004578`,
|
6
|
+
50: `#004c87`,
|
7
|
+
60: `#005a9e`,
|
8
|
+
70: `#106ebe`,
|
9
|
+
80: `#0078d4`,
|
10
|
+
90: `#1890f1`,
|
11
|
+
100: `#2899f5`,
|
12
|
+
110: `#3aa0f3`,
|
13
|
+
120: `#6cb8f6`,
|
14
|
+
130: `#82c7ff`,
|
15
|
+
140: `#c7e0f4`,
|
16
|
+
150: `#deecf9`,
|
17
|
+
160: `#eff6fc`
|
18
|
+
};
|
19
|
+
export const brandTeams = {
|
20
|
+
10: `#2b2b40`,
|
21
|
+
20: `#2f2f4a`,
|
22
|
+
30: `#333357`,
|
23
|
+
40: `#383966`,
|
24
|
+
50: `#3d3e78`,
|
25
|
+
60: `#444791`,
|
26
|
+
70: `#4f52b2`,
|
27
|
+
80: `#5b5fc7`,
|
28
|
+
90: `#7579eb`,
|
29
|
+
100: `#7f85f5`,
|
30
|
+
110: `#9299f7`,
|
31
|
+
120: `#aab1fa`,
|
32
|
+
130: `#b6bcfa`,
|
33
|
+
140: `#c5cbfa`,
|
34
|
+
150: `#dce0fa`,
|
35
|
+
160: `#e8ebfa`
|
36
|
+
};
|
37
|
+
export const brandOffice = {
|
38
|
+
10: `#29130b`,
|
39
|
+
20: `#4d2415`,
|
40
|
+
30: `#792000`,
|
41
|
+
40: `#99482b`,
|
42
|
+
50: `#a52c00`,
|
43
|
+
60: `#c33400`,
|
44
|
+
70: `#e06a3f`,
|
45
|
+
80: `#d83b01`,
|
46
|
+
90: `#dd4f1b`,
|
47
|
+
100: `#fe7948`,
|
48
|
+
110: `#ff865a`,
|
49
|
+
120: `#ff9973`,
|
50
|
+
130: `#e8825d`,
|
51
|
+
140: `#ffb498`,
|
52
|
+
150: `#f4beaa`,
|
53
|
+
160: `#f9dcd1`
|
54
|
+
};
|
55
|
+
//# sourceMappingURL=brandColors.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["global/brandColors.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,QAAQ,GAAkB;AACrC,MAAI,SADiC;AAErC,MAAI,SAFiC;AAGrC,MAAI,SAHiC;AAIrC,MAAI,SAJiC;AAKrC,MAAI,SALiC;AAMrC,MAAI,SANiC;AAOrC,MAAI,SAPiC;AAQrC,MAAI,SARiC;AASrC,MAAI,SATiC;AAUrC,OAAK,SAVgC;AAWrC,OAAK,SAXgC;AAYrC,OAAK,SAZgC;AAarC,OAAK,SAbgC;AAcrC,OAAK,SAdgC;AAerC,OAAK,SAfgC;AAgBrC,OAAK;AAhBgC,CAAhC;AAmBP,OAAO,MAAM,UAAU,GAAkB;AACvC,MAAI,SADmC;AAEvC,MAAI,SAFmC;AAGvC,MAAI,SAHmC;AAIvC,MAAI,SAJmC;AAKvC,MAAI,SALmC;AAMvC,MAAI,SANmC;AAOvC,MAAI,SAPmC;AAQvC,MAAI,SARmC;AASvC,MAAI,SATmC;AAUvC,OAAK,SAVkC;AAWvC,OAAK,SAXkC;AAYvC,OAAK,SAZkC;AAavC,OAAK,SAbkC;AAcvC,OAAK,SAdkC;AAevC,OAAK,SAfkC;AAgBvC,OAAK;AAhBkC,CAAlC;AAmBP,OAAO,MAAM,WAAW,GAAkB;AACxC,MAAI,SADoC;AAExC,MAAI,SAFoC;AAGxC,MAAI,SAHoC;AAIxC,MAAI,SAJoC;AAKxC,MAAI,SALoC;AAMxC,MAAI,SANoC;AAOxC,MAAI,SAPoC;AAQxC,MAAI,SARoC;AASxC,MAAI,SAToC;AAUxC,OAAK,SAVmC;AAWxC,OAAK,SAXmC;AAYxC,OAAK,SAZmC;AAaxC,OAAK,SAbmC;AAcxC,OAAK,SAdmC;AAexC,OAAK,SAfmC;AAgBxC,OAAK;AAhBmC,CAAnC","sourcesContent":["import type { BrandVariants } from '../types';\n\nexport const brandWeb: BrandVariants = {\n 10: `#001526`,\n 20: `#002848`,\n 30: `#043862`,\n 40: `#004578`,\n 50: `#004c87`,\n 60: `#005a9e`,\n 70: `#106ebe`,\n 80: `#0078d4`,\n 90: `#1890f1`,\n 100: `#2899f5`,\n 110: `#3aa0f3`,\n 120: `#6cb8f6`,\n 130: `#82c7ff`,\n 140: `#c7e0f4`,\n 150: `#deecf9`,\n 160: `#eff6fc`,\n};\n\nexport const brandTeams: BrandVariants = {\n 10: `#2b2b40`,\n 20: `#2f2f4a`,\n 30: `#333357`,\n 40: `#383966`,\n 50: `#3d3e78`,\n 60: `#444791`,\n 70: `#4f52b2`,\n 80: `#5b5fc7`,\n 90: `#7579eb`,\n 100: `#7f85f5`,\n 110: `#9299f7`,\n 120: `#aab1fa`,\n 130: `#b6bcfa`,\n 140: `#c5cbfa`,\n 150: `#dce0fa`,\n 160: `#e8ebfa`,\n};\n\nexport const brandOffice: BrandVariants = {\n 10: `#29130b`,\n 20: `#4d2415`,\n 30: `#792000`,\n 40: `#99482b`,\n 50: `#a52c00`,\n 60: `#c33400`,\n 70: `#e06a3f`,\n 80: `#d83b01`,\n 90: `#dd4f1b`,\n 100: `#fe7948`,\n 110: `#ff865a`,\n 120: `#ff9973`,\n 130: `#e8825d`,\n 140: `#ffb498`,\n 150: `#f4beaa`,\n 160: `#f9dcd1`,\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
|
2
|
+
export declare const grey: Record<Greys, string>;
|
3
|
+
export declare const whiteAlpha: Record<AlphaColors, string>;
|
4
|
+
export declare const blackAlpha: Record<AlphaColors, string>;
|
5
|
+
export declare const white = "#ffffff";
|
6
|
+
export declare const black = "#000000";
|
7
|
+
export declare const hcHyperlink = "#ffff00";
|
8
|
+
export declare const hcHighlight = "#1aebff";
|
9
|
+
export declare const hcDisabled = "#3ff23f";
|
10
|
+
export declare const hcCanvas = "#000000";
|
11
|
+
export declare const hcCanvasText = "#ffffff";
|
12
|
+
export declare const hcHighlightText = "#000000";
|
13
|
+
export declare const hcButtonText = "#000000";
|
14
|
+
export declare const hcButtonFace = "#ffffff";
|
15
|
+
export declare const sharedColors: GlobalSharedColors;
|