@fluentui/react-theme 0.0.0-nightly627ad67f1120211109.1 → 0.0.0-nightly6faffd280a20220221.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 +148 -4
- package/CHANGELOG.md +49 -5
- package/dist/react-theme.d.ts +106 -74
- package/lib/alias/dark.js +71 -36
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +41 -6
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +67 -32
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +70 -35
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +51 -29
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.d.ts +2 -2
- package/lib/global/colors.js +14 -14
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.d.ts +10 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- 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/highContrastTheme.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.d.ts +2 -0
- package/lib/tokens.js +687 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.d.ts +92 -77
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +2 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +2 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +2 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +2 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.d.ts +0 -2
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.d.ts +2 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/dark.js +70 -35
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +40 -5
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +66 -31
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +69 -34
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -0
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.d.ts +2 -2
- package/lib-commonjs/global/colors.js +15 -15
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +3 -1
- package/lib-commonjs/index.js +19 -0
- package/lib-commonjs/index.js.map +1 -1
- 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.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- 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 +92 -77
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +2 -1
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +2 -1
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +2 -1
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.d.ts +0 -2
- package/lib-commonjs/utils/index.js +0 -12
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +2 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +6 -6
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -15
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"sourceRoot":"../src/"}
|
@@ -1,2 +1,3 @@
|
|
1
|
-
import type { ShadowTokens } from '../types';
|
1
|
+
import type { ShadowBrandTokens, ShadowTokens } from '../types';
|
2
|
+
export declare function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;
|
2
3
|
export declare function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.createShadowTokens = void 0;
|
7
7
|
|
8
|
-
function createShadowTokens(ambientColor, keyColor) {
|
8
|
+
function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
9
9
|
return {
|
10
|
-
shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
|
11
|
-
shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
|
12
|
-
shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
|
13
|
-
shadow16: `0 0 2px ${ambientColor}, 0
|
14
|
-
shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
15
|
-
shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
10
|
+
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
|
11
|
+
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
|
12
|
+
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
|
13
|
+
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
|
14
|
+
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
15
|
+
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
16
16
|
};
|
17
17
|
}
|
18
18
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAKA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAA2E,WAAA,GAA4B,EAAvG,EAAyG;AACvG,SAAO;AACL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;AAEL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;AAGL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;AAIL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;AAKL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;AAML,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;AANvE,GAAP;AAQD;;AATD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-theme",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightly6faffd280a20220221.1",
|
4
4
|
"description": "Fluent UI themes",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -18,11 +18,12 @@
|
|
18
18
|
"code-style": "just-scripts code-style",
|
19
19
|
"just": "just-scripts",
|
20
20
|
"lint": "just-scripts lint",
|
21
|
-
"start": "storybook",
|
22
|
-
"storybook": "
|
23
|
-
"test": "jest",
|
21
|
+
"start": "yarn storybook",
|
22
|
+
"storybook": "node ../../scripts/storybook/runner",
|
23
|
+
"test": "jest --passWithNoTests",
|
24
24
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
25
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-theme/src && yarn docs"
|
25
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-theme/src && yarn docs",
|
26
|
+
"type-check": "tsc -b tsconfig.json"
|
26
27
|
},
|
27
28
|
"devDependencies": {
|
28
29
|
"@fluentui/eslint-plugin": "*",
|
@@ -42,7 +43,6 @@
|
|
42
43
|
"react-dom": ">=16.8.0 <18.0.0"
|
43
44
|
},
|
44
45
|
"beachball": {
|
45
|
-
"tag": "beta",
|
46
46
|
"disallowedChangeTypes": [
|
47
47
|
"major",
|
48
48
|
"minor",
|
package/lib/utils/mergeThemes.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
export function themeToCSSVariables(theme) {
|
2
|
-
const result = {};
|
3
|
-
|
4
|
-
for (const propertyName in theme) {
|
5
|
-
if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
|
6
|
-
result[`--${propertyName}`] = theme[propertyName];
|
7
|
-
}
|
8
|
-
}
|
9
|
-
|
10
|
-
return result;
|
11
|
-
}
|
12
|
-
//# sourceMappingURL=themeToCSSVariables.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,mBAAV,CAA8B,KAA9B,EAA0C;AAC9C,QAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,MAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,KAAK,YAAY,EAAlB,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD","sourceRoot":""}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.mergeThemes = void 0;
|
7
|
-
|
8
|
-
function mergeThemes(a, b) {
|
9
|
-
// Merge impacts perf: we should like to avoid it if it's possible
|
10
|
-
if (a && b) {
|
11
|
-
return { ...a,
|
12
|
-
...b
|
13
|
-
};
|
14
|
-
}
|
15
|
-
|
16
|
-
if (a) {
|
17
|
-
return a;
|
18
|
-
}
|
19
|
-
|
20
|
-
return b;
|
21
|
-
}
|
22
|
-
|
23
|
-
exports.mergeThemes = mergeThemes;
|
24
|
-
//# sourceMappingURL=mergeThemes.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,WAAhB,CAA4B,CAA5B,EAAkD,CAAlD,EAAqF;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD;;AAXD,OAAA,CAAA,WAAA,GAAA,WAAA","sourceRoot":""}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.themeToCSSVariables = void 0;
|
7
|
-
|
8
|
-
function themeToCSSVariables(theme) {
|
9
|
-
const result = {};
|
10
|
-
|
11
|
-
for (const propertyName in theme) {
|
12
|
-
if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
|
13
|
-
result[`--${propertyName}`] = theme[propertyName];
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
return result;
|
18
|
-
}
|
19
|
-
|
20
|
-
exports.themeToCSSVariables = themeToCSSVariables;
|
21
|
-
//# sourceMappingURL=themeToCSSVariables.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,mBAAhB,CAAoC,KAApC,EAAgD;AAC9C,QAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,MAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,KAAK,YAAY,EAAlB,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAVD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}
|