@fluentui-react-native/win32-theme 0.39.15 → 0.39.17
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.md +26 -0
- package/lib/createBrandedThemeWithAlias.js +1 -1
- package/lib/createBrandedThemeWithAlias.js.map +1 -1
- package/lib/createFontAliasTokens.js +1 -1
- package/lib/createFontAliasTokens.js.map +1 -1
- package/lib/createOfficeAliasTokens.js +1 -1
- package/lib/createOfficeAliasTokens.js.map +1 -1
- package/lib/getOfficeTokens.js +1 -1
- package/lib/getOfficeTokens.js.map +1 -1
- package/package.json +3 -3
- package/src/__tests__/__snapshots__/win32-theme.test.ts.snap +66 -10
- package/src/createBrandedThemeWithAlias.ts +1 -1
- package/src/createFontAliasTokens.ts +1 -1
- package/src/createOfficeAliasTokens.ts +1 -1
- package/src/getOfficeTokens.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/win32-theme
|
|
2
2
|
|
|
3
|
+
## 0.39.17
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 06b458f: Import the Fluent 2 token loaders and pipeline mappers from `@fluentui-react-native/design/deprecated`. Theme values and
|
|
8
|
+
the shims' exports are unchanged.
|
|
9
|
+
- Updated dependencies [06b458f]
|
|
10
|
+
- Updated dependencies [06b458f]
|
|
11
|
+
- Updated dependencies [06b458f]
|
|
12
|
+
- Updated dependencies [ccb458e]
|
|
13
|
+
- Updated dependencies [06b458f]
|
|
14
|
+
- Updated dependencies [06b458f]
|
|
15
|
+
- Updated dependencies [06b458f]
|
|
16
|
+
- Updated dependencies [ccb458e]
|
|
17
|
+
- Updated dependencies [06b458f]
|
|
18
|
+
- @fluentui-react-native/default-theme@0.28.0
|
|
19
|
+
- @fluentui-react-native/design@0.6.0
|
|
20
|
+
|
|
21
|
+
## 0.39.16
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies [dc47e15]
|
|
26
|
+
- @fluentui-react-native/design@0.5.3
|
|
27
|
+
- @fluentui-react-native/default-theme@0.27.16
|
|
28
|
+
|
|
3
29
|
## 0.39.15
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { globalTokens } from '@fluentui-react-native/design/
|
|
1
|
+
import { globalTokens } from '@fluentui-react-native/design/deprecated';
|
|
2
2
|
export function createBrandedThemeWithAlias(themeName, theme) {
|
|
3
3
|
if (themeName === 'HighContrast' || !theme.host.colors) {
|
|
4
4
|
return {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
-
import { mapFontPipelineToTheme } from '@fluentui-react-native/design/
|
|
2
|
+
import { mapFontPipelineToTheme } from '@fluentui-react-native/design/deprecated';
|
|
3
3
|
import { getOfficeAliasTokens } from './getOfficeTokens';
|
|
4
4
|
function createFontAliasTokensWorker() {
|
|
5
5
|
const aliasTokens = getOfficeAliasTokens('Colorful');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAGlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,SAAS,2BAA2B;IAClC,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACrD,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
-
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/design/
|
|
2
|
+
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/design/deprecated';
|
|
3
3
|
import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
|
|
4
4
|
function createOfficeColorAliasTokensWorker(officeTheme) {
|
|
5
5
|
const aliasTokens = getOfficeAliasTokens(officeTheme);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnG,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,SAAS,kCAAkC,CAAC,WAAmB;IAC7D,MAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAExF,SAAS,mCAAmC,CAAC,WAAmB;IAC9D,MAAM,WAAW,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACvD,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC"}
|
package/lib/getOfficeTokens.js
CHANGED
|
@@ -5,7 +5,7 @@ import colorfulShadowTokens from '@fluentui-react-native/design-tokens-win32/col
|
|
|
5
5
|
import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
|
|
6
6
|
import darkGrayShadowTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-shadow.json';
|
|
7
7
|
import hcShadowTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-shadow.json';
|
|
8
|
-
import { hcAliasTokens } from '@fluentui-react-native/design/
|
|
8
|
+
import { hcAliasTokens } from '@fluentui-react-native/design/deprecated';
|
|
9
9
|
export function getOfficeAliasTokens(officeTheme) {
|
|
10
10
|
if (officeTheme === 'White' || officeTheme === 'Colorful') {
|
|
11
11
|
return colorfulAliasTokens;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOfficeTokens.js","sourceRoot":"","sources":["../src/getOfficeTokens.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,sEAAsE,CAAC;AACpG,OAAO,iBAAiB,MAAM,qEAAqE,CAAC;AACpG,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,oBAAoB,MAAM,wEAAwE,CAAC;AAC1G,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,oBAAoB,MAAM,wEAAwE,CAAC;AAC1G,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"getOfficeTokens.js","sourceRoot":"","sources":["../src/getOfficeTokens.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,sEAAsE,CAAC;AACpG,OAAO,iBAAiB,MAAM,qEAAqE,CAAC;AACpG,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,oBAAoB,MAAM,wEAAwE,CAAC;AAC1G,OAAO,mBAAmB,MAAM,yEAAyE,CAAC;AAC1G,OAAO,oBAAoB,MAAM,wEAAwE,CAAC;AAC1G,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAEzE,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC1D,OAAO,mBAAmB,CAAC;IAC7B,CAAC;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,OAAO,mBAAmB,CAAC;IAC7B,CAAC;SAAM,IAAI,WAAW,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,gBAAgB,CAAC;IAC1B,CAAC;SAAM,IAAI,WAAW,KAAK,cAAc,EAAE,CAAC;QAC1C,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,WAAmB;IACvD,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC1D,OAAO,oBAAoB,CAAC;IAC9B,CAAC;SAAM,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,OAAO,oBAAoB,CAAC;IAC9B,CAAC;SAAM,IAAI,WAAW,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,iBAAiB,CAAC;IAC3B,CAAC;SAAM,IAAI,WAAW,KAAK,cAAc,EAAE,CAAC;QAC1C,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/win32-theme",
|
|
3
|
-
"version": "0.39.
|
|
3
|
+
"version": "0.39.17",
|
|
4
4
|
"description": "Win32 office theme that works with the theming native module",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui-react-native/default-theme": "0.
|
|
37
|
-
"@fluentui-react-native/design": "0.
|
|
36
|
+
"@fluentui-react-native/default-theme": "0.28.0",
|
|
37
|
+
"@fluentui-react-native/design": "0.6.0",
|
|
38
38
|
"@fluentui-react-native/design-tokens-win32": "^0.53.0",
|
|
39
39
|
"@fluentui-react-native/framework-base": "0.9.0"
|
|
40
40
|
},
|
|
@@ -2452,24 +2452,37 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2452
2452
|
"bodyTextChecked": "#262626",
|
|
2453
2453
|
"brandBackground": "#D83B01",
|
|
2454
2454
|
"brandBackground2": "#d2e0f4",
|
|
2455
|
+
"brandBackground2Pressed": "#0e336a",
|
|
2456
|
+
"brandBackground2Selected": "#13458f",
|
|
2457
|
+
"brandBackground3": "#d2e0f4",
|
|
2455
2458
|
"brandBackgroundHover": "#F29F71",
|
|
2459
|
+
"brandBackgroundInverted": "#616161",
|
|
2460
|
+
"brandBackgroundInvertedDisabled": "#f0f0f0",
|
|
2456
2461
|
"brandBackgroundPressed": "#A22C01",
|
|
2457
2462
|
"brandBackgroundSelected": "#13458f",
|
|
2458
2463
|
"brandBackgroundStatic": "#185abd",
|
|
2464
|
+
"brandBackgroundTint": "#d2e0f4",
|
|
2459
2465
|
"brandForeground1": "#185abd",
|
|
2466
|
+
"brandForeground1Selected": "#185abd",
|
|
2460
2467
|
"brandForeground2": "#1651aa",
|
|
2468
|
+
"brandForegroundDisabled1": "#bdbdbd",
|
|
2469
|
+
"brandForegroundDisabled2": "#bdbdbd",
|
|
2461
2470
|
"brandForegroundLink": "#185abd",
|
|
2462
2471
|
"brandForegroundLinkHover": "#1651aa",
|
|
2463
2472
|
"brandForegroundLinkPressed": "#0e336a",
|
|
2464
2473
|
"brandForegroundLinkSelected": "#13458f",
|
|
2474
|
+
"brandForegroundTint": "#1651aa",
|
|
2465
2475
|
"brandStroke1": "#D83B01",
|
|
2476
|
+
"brandStroke1Pressed": "#185abd",
|
|
2477
|
+
"brandStroke1Selected": "#185abd",
|
|
2466
2478
|
"brandStroke2": "#d2e0f4",
|
|
2479
|
+
"brandStrokeTint": "#6794d7",
|
|
2467
2480
|
"brandedBackground": "#D83B01",
|
|
2468
2481
|
"brandedDisabledBorder": "#D2D2D2",
|
|
2469
|
-
"brandedFocusedSecondaryContent": "#
|
|
2470
|
-
"brandedHoveredSecondaryContent": "#
|
|
2471
|
-
"brandedPressedSecondaryContent": "#
|
|
2472
|
-
"brandedSecondaryContent": "#
|
|
2482
|
+
"brandedFocusedSecondaryContent": "#ffffff",
|
|
2483
|
+
"brandedHoveredSecondaryContent": "#ffffff",
|
|
2484
|
+
"brandedPressedSecondaryContent": "#ffffff",
|
|
2485
|
+
"brandedSecondaryContent": "#ffffff",
|
|
2473
2486
|
"buttonBackground": "#E6E6E6",
|
|
2474
2487
|
"buttonBackgroundChecked": "#E6E6E6",
|
|
2475
2488
|
"buttonBackgroundDisabled": "#E6E6E6",
|
|
@@ -2484,8 +2497,8 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2484
2497
|
"buttonTextHovered": "#262626",
|
|
2485
2498
|
"buttonTextPressed": "#262626",
|
|
2486
2499
|
"checkboxBackground": "#185abd",
|
|
2487
|
-
"checkboxBackgroundDisabled": "#
|
|
2488
|
-
"checkboxBorderColor": "#
|
|
2500
|
+
"checkboxBackgroundDisabled": "#f0f0f0",
|
|
2501
|
+
"checkboxBorderColor": "#616161",
|
|
2489
2502
|
"checkmarkColor": "#ffffff",
|
|
2490
2503
|
"compoundBrandBackground1": "#D83B01",
|
|
2491
2504
|
"compoundBrandBackground1Hover": "#EA6115",
|
|
@@ -2506,6 +2519,7 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2506
2519
|
"dangerForeground2": "#751d1f",
|
|
2507
2520
|
"dangerForeground3": "#d13438",
|
|
2508
2521
|
"dangerForegroundInverted": "#dc5e62",
|
|
2522
|
+
"dangerStroke1": "#f1bbbc",
|
|
2509
2523
|
"defaultBackground": "#E6E6E6",
|
|
2510
2524
|
"defaultBorder": "#969696",
|
|
2511
2525
|
"defaultCheckedBackground": "#E6E6E6",
|
|
@@ -2525,13 +2539,13 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2525
2539
|
"defaultHoveredBorder": "#FBDFD0",
|
|
2526
2540
|
"defaultHoveredContent": "#262626",
|
|
2527
2541
|
"defaultHoveredIcon": "#262626",
|
|
2528
|
-
"defaultHoveredSecondaryContent": "#
|
|
2542
|
+
"defaultHoveredSecondaryContent": "#424242",
|
|
2529
2543
|
"defaultIcon": "#262626",
|
|
2530
2544
|
"defaultPressedBackground": "#FBDFD0",
|
|
2531
2545
|
"defaultPressedBorder": "#EA6115",
|
|
2532
2546
|
"defaultPressedContent": "#262626",
|
|
2533
2547
|
"defaultPressedIcon": "#262626",
|
|
2534
|
-
"defaultPressedSecondaryContent": "#
|
|
2548
|
+
"defaultPressedSecondaryContent": "#424242",
|
|
2535
2549
|
"disabledBackground": "#F3F3F3",
|
|
2536
2550
|
"disabledBodyText": "#B1B1B1",
|
|
2537
2551
|
"disabledText": "#B1B1B1",
|
|
@@ -2604,8 +2618,12 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2604
2618
|
"neutralBackground5Pressed": "#f0f0f0",
|
|
2605
2619
|
"neutralBackground5Selected": "#fafafa",
|
|
2606
2620
|
"neutralBackground6": "#e6e6e6",
|
|
2621
|
+
"neutralBackgroundCanvas": "#ffffff",
|
|
2622
|
+
"neutralBackgroundDarkStatic": "#242424",
|
|
2607
2623
|
"neutralBackgroundDisabled": "#E6E6E6",
|
|
2608
2624
|
"neutralBackgroundInverted": "#737373",
|
|
2625
|
+
"neutralBackgroundLightStatic": "#ffffff",
|
|
2626
|
+
"neutralBackgroundLightStaticDisabled": "#f0f0f0",
|
|
2609
2627
|
"neutralForeground1": "#262626",
|
|
2610
2628
|
"neutralForeground1Hover": "#262626",
|
|
2611
2629
|
"neutralForeground1Pressed": "#262626",
|
|
@@ -2625,16 +2643,21 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2625
2643
|
"neutralForeground3Pressed": "#424242",
|
|
2626
2644
|
"neutralForeground3Selected": "#424242",
|
|
2627
2645
|
"neutralForeground4": "#666666",
|
|
2646
|
+
"neutralForegroundDarkStatic": "#000000",
|
|
2628
2647
|
"neutralForegroundDisabled": "#B1B1B1",
|
|
2648
|
+
"neutralForegroundDisabled1": "#bdbdbd",
|
|
2649
|
+
"neutralForegroundDisabled2": "#bdbdbd",
|
|
2629
2650
|
"neutralForegroundInverted": "#ffffff",
|
|
2630
2651
|
"neutralForegroundInvertedLink": "#FFFFFF",
|
|
2631
2652
|
"neutralForegroundInvertedLinkHover": "#D2D2D2",
|
|
2632
2653
|
"neutralForegroundInvertedLinkPressed": "#B1B1B1",
|
|
2633
2654
|
"neutralForegroundInvertedLinkSelected": "#ffffff",
|
|
2655
|
+
"neutralForegroundLightStatic": "#ffffff",
|
|
2634
2656
|
"neutralForegroundOnBrand": "#FFFFFF",
|
|
2635
2657
|
"neutralForegroundOnBrandHover": "#FFFFFF",
|
|
2636
2658
|
"neutralForegroundOnBrandPressed": "#FFFFFF",
|
|
2637
2659
|
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
2660
|
+
"neutralForegroundOnColor": "#ffffff",
|
|
2638
2661
|
"neutralStencil1": "#262626",
|
|
2639
2662
|
"neutralStencil2": "#fafafa",
|
|
2640
2663
|
"neutralStroke1": "#969696",
|
|
@@ -2648,6 +2671,8 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2648
2671
|
"neutralStrokeAccessiblePressed": "#737373",
|
|
2649
2672
|
"neutralStrokeAccessibleSelected": "#185abd",
|
|
2650
2673
|
"neutralStrokeDisabled": "#D2D2D2",
|
|
2674
|
+
"neutralStrokeFocus1": "#ffffff",
|
|
2675
|
+
"neutralStrokeFocus2": "#000000",
|
|
2651
2676
|
"outofofficeBackground1": "#fdf5fc",
|
|
2652
2677
|
"outofofficeBackground2": "#edbbe7",
|
|
2653
2678
|
"outofofficeBackground3": "#c239b3",
|
|
@@ -2659,6 +2684,10 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2659
2684
|
"outofofficeForeground3": "#c239b3",
|
|
2660
2685
|
"personaActivityGlow": "#185abd",
|
|
2661
2686
|
"personaActivityRing": "#ffffff",
|
|
2687
|
+
"presenceAvailable": "#0e700e",
|
|
2688
|
+
"presenceAway": "#817400",
|
|
2689
|
+
"presenceDnd": "#bc2f32",
|
|
2690
|
+
"presenceOof": "#af33a1",
|
|
2662
2691
|
"primaryButtonBackground": "#D83B01",
|
|
2663
2692
|
"primaryButtonBackgroundDisabled": "#E6E6E6",
|
|
2664
2693
|
"primaryButtonBackgroundHovered": "#F29F71",
|
|
@@ -2669,6 +2698,15 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2669
2698
|
"primaryButtonTextDisabled": "#B1B1B1",
|
|
2670
2699
|
"primaryButtonTextHovered": "#FFFFFF",
|
|
2671
2700
|
"primaryButtonTextPressed": "#FFFFFF",
|
|
2701
|
+
"redBackground1": "#fdf6f6",
|
|
2702
|
+
"redBackground2": "#f1bbbc",
|
|
2703
|
+
"redBackground3": "#d13438",
|
|
2704
|
+
"redBorder1": "#f1bbbc",
|
|
2705
|
+
"redBorder2": "#d13438",
|
|
2706
|
+
"redBorderActive": "#d13438",
|
|
2707
|
+
"redForeground1": "#bc2f32",
|
|
2708
|
+
"redForeground2": "#751d1f",
|
|
2709
|
+
"redForeground3": "#d13438",
|
|
2672
2710
|
"severeBackground1": "#fdf6f3",
|
|
2673
2711
|
"severeBackground2": "#f4bfab",
|
|
2674
2712
|
"severeBackground3": "#da3b01",
|
|
@@ -2678,6 +2716,7 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2678
2716
|
"severeForeground1": "#c43501",
|
|
2679
2717
|
"severeForeground2": "#7a2101",
|
|
2680
2718
|
"severeForeground3": "#da3b01",
|
|
2719
|
+
"severeStroke1": "#f4bfab",
|
|
2681
2720
|
"strokeFocus1": "#ffffff",
|
|
2682
2721
|
"strokeFocus2": "#969696",
|
|
2683
2722
|
"subText": "#666666",
|
|
@@ -2695,6 +2734,7 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2695
2734
|
"successForeground2": "#094509",
|
|
2696
2735
|
"successForeground3": "#107c10",
|
|
2697
2736
|
"successForegroundInverted": "#359b35",
|
|
2737
|
+
"successStroke1": "#9fd89f",
|
|
2698
2738
|
"transparentBackground": "#00000000",
|
|
2699
2739
|
"transparentBackgroundHover": "#00000000",
|
|
2700
2740
|
"transparentBackgroundPressed": "#00000000",
|
|
@@ -2713,6 +2753,7 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
2713
2753
|
"warningForeground2": "#817400",
|
|
2714
2754
|
"warningForeground3": "#fde300",
|
|
2715
2755
|
"warningForegroundInverted": "#fef7b2",
|
|
2756
|
+
"warningStroke1": "#fef7b2",
|
|
2716
2757
|
},
|
|
2717
2758
|
"host": {
|
|
2718
2759
|
"appearance": "light",
|
|
@@ -3108,8 +3149,13 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
3108
3149
|
},
|
|
3109
3150
|
"caption1Strong": {
|
|
3110
3151
|
"face": "primary",
|
|
3111
|
-
"size":
|
|
3112
|
-
"weight": "
|
|
3152
|
+
"size": 10,
|
|
3153
|
+
"weight": "600",
|
|
3154
|
+
},
|
|
3155
|
+
"caption2": {
|
|
3156
|
+
"face": "primary",
|
|
3157
|
+
"size": 10,
|
|
3158
|
+
"weight": "400",
|
|
3113
3159
|
},
|
|
3114
3160
|
"captionStandard": {
|
|
3115
3161
|
"face": "primary",
|
|
@@ -3206,6 +3252,16 @@ exports[`createOfficeTheme test 1`] = `
|
|
|
3206
3252
|
"size": 28,
|
|
3207
3253
|
"weight": "600",
|
|
3208
3254
|
},
|
|
3255
|
+
"title2": {
|
|
3256
|
+
"face": "primary",
|
|
3257
|
+
"size": 20,
|
|
3258
|
+
"weight": "400",
|
|
3259
|
+
},
|
|
3260
|
+
"title3": {
|
|
3261
|
+
"face": "primary",
|
|
3262
|
+
"size": 16,
|
|
3263
|
+
"weight": "400",
|
|
3264
|
+
},
|
|
3209
3265
|
},
|
|
3210
3266
|
"weights": {
|
|
3211
3267
|
"regular": "400",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ColorValue } from 'react-native';
|
|
2
2
|
|
|
3
|
-
import { globalTokens } from '@fluentui-react-native/design/
|
|
3
|
+
import { globalTokens } from '@fluentui-react-native/design/deprecated';
|
|
4
4
|
import type { Theme, PartialTheme, AliasColorTokens } from '@fluentui-react-native/design/theming';
|
|
5
5
|
|
|
6
6
|
export function createBrandedThemeWithAlias(themeName: string, theme: Theme): PartialTheme {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
+
import { mapFontPipelineToTheme } from '@fluentui-react-native/design/deprecated';
|
|
2
3
|
import type { Variants } from '@fluentui-react-native/design/theming';
|
|
3
|
-
import { mapFontPipelineToTheme } from '@fluentui-react-native/design/theming';
|
|
4
4
|
|
|
5
5
|
import { getOfficeAliasTokens } from './getOfficeTokens';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
2
|
+
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/design/deprecated';
|
|
2
3
|
import type { AliasColorTokens, ThemeShadowDefinition } from '@fluentui-react-native/design/theming';
|
|
3
|
-
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/design/theming';
|
|
4
4
|
|
|
5
5
|
import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
|
|
6
6
|
|
package/src/getOfficeTokens.ts
CHANGED
|
@@ -5,7 +5,7 @@ import colorfulShadowTokens from '@fluentui-react-native/design-tokens-win32/col
|
|
|
5
5
|
import darkGrayAliasTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-aliases.json';
|
|
6
6
|
import darkGrayShadowTokens from '@fluentui-react-native/design-tokens-win32/darkgray/tokens-shadow.json';
|
|
7
7
|
import hcShadowTokens from '@fluentui-react-native/design-tokens-win32/hc/tokens-shadow.json';
|
|
8
|
-
import { hcAliasTokens } from '@fluentui-react-native/design/
|
|
8
|
+
import { hcAliasTokens } from '@fluentui-react-native/design/deprecated';
|
|
9
9
|
|
|
10
10
|
export function getOfficeAliasTokens(officeTheme: string) {
|
|
11
11
|
if (officeTheme === 'White' || officeTheme === 'Colorful') {
|