@fluentui/react-theme 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.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 +143 -8
- package/CHANGELOG.md +42 -6
- package/dist/react-theme.d.ts +106 -74
- package/lib/alias/dark.js +155 -114
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +155 -114
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +155 -114
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +155 -114
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/borderRadius.js +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +53 -31
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.d.ts +2 -2
- package/lib/global/colors.js +125 -125
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.js +4 -4
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/strokeWidths.js +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/teams/darkTheme.js +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.js +1 -1
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/themes/web/lightTheme.js +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/utils/createDarkTheme.js +13 -4
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +13 -4
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +13 -4
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +13 -4
- 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 +155 -115
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +155 -115
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +155 -115
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +155 -115
- package/lib-commonjs/alias/teamsDark.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 +113 -113
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/index.js +1 -1
- package/lib-commonjs/index.d.ts +3 -1
- package/lib-commonjs/index.js +20 -1
- 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 +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- 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/utils/createDarkTheme.js +16 -8
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +16 -8
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +16 -8
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +16 -8
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.d.ts +0 -2
- package/lib-commonjs/utils/index.js +1 -13
- 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 -14
- 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
@@ -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:
|
11
|
-
shadow4:
|
12
|
-
shadow8:
|
13
|
-
shadow16:
|
14
|
-
shadow28:
|
15
|
-
shadow64:
|
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":["../../src/utils/shadows.ts"],"names":[],"mappings":";;;;;;;
|
1
|
+
{"version":3,"sources":["../../src/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","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-theme",
|
3
|
-
"version": "9.0.0-
|
3
|
+
"version": "9.0.0-rc.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,14 +0,0 @@
|
|
1
|
-
import { __assign } from "tslib";
|
2
|
-
export function mergeThemes(a, b) {
|
3
|
-
// Merge impacts perf: we should like to avoid it if it's possible
|
4
|
-
if (a && b) {
|
5
|
-
return __assign(__assign({}, a), b);
|
6
|
-
}
|
7
|
-
|
8
|
-
if (a) {
|
9
|
-
return a;
|
10
|
-
}
|
11
|
-
|
12
|
-
return b;
|
13
|
-
}
|
14
|
-
//# sourceMappingURL=mergeThemes.js.map
|
@@ -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,WAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
export function themeToCSSVariables(theme) {
|
2
|
-
var result = {};
|
3
|
-
|
4
|
-
for (var 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,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,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
|
-
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
-
|
10
|
-
function mergeThemes(a, b) {
|
11
|
-
// Merge impacts perf: we should like to avoid it if it's possible
|
12
|
-
if (a && b) {
|
13
|
-
return tslib_1.__assign(tslib_1.__assign({}, a), b);
|
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,WAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;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
|
-
var result = {};
|
10
|
-
|
11
|
-
for (var 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,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAVD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}
|