@pnp/spfx-controls-react 3.8.0-beta.2258918 → 3.9.0-beta.2290761

package/CHANGELOG.JSON

@@ -1,5 +1,18 @@
 {
   "versions": [
+    {
+      "version": "3.9.0",
+      "changes": {
+        "new": [
+          "`EnhancedThemeProvider`: Added 'EnhancedThemeProvider' control [#1202](https://github.com/pnp/sp-dev-fx-controls-react/issues/1202)"
+        ],
+        "enhancements": [],
+        "fixes": []
+      },
+      "contributions": [
+        "[Fabio Franzini](https://github.com/fabiofranzini)"
+      ]
+    },
     {
       "version": "3.8.0",
       "changes": {
@@ -10,7 +23,9 @@
           "`ModenrTaxonomyPicker`: Add more complete example of TaxonomyTree usage [#1190](https://github.com/pnp/sp-dev-fx-controls-react/pull/1190)",
           "`AdaptiveCardHost`: Add SPFx Context property [#1145](https://github.com/pnp/sp-dev-fx-controls-react/issues/1145)",
           "`AdaptiveCardHost`: Remove the `isUniqueControlInPage` from the control by rebuilding the way to apply AC CSS class names [#1154](https://github.com/pnp/sp-dev-fx-controls-react/issues/1154)",
-          "`ListView`: Different background color to even and odd rows in ListView [#1153](https://github.com/pnp/sp-dev-fx-controls-react/issues/1153)"
+          "`ListView`: Different background color to even and odd rows in ListView [#1153](https://github.com/pnp/sp-dev-fx-controls-react/issues/1153)",
+          "`AccessibleAccordion`: Support of section variations [#1195](https://github.com/pnp/sp-dev-fx-controls-react/issues/1195)",
+          "`TreeView`: Support of section variations [#1196](https://github.com/pnp/sp-dev-fx-controls-react/issues/1196)"
         ],
         "fixes": [
           "`LocationPicker`: Resolve issue when in root site [#1162](https://github.com/pnp/sp-dev-fx-controls-react/pull/1162)",

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Releases
 
+## 3.9.0
+
 ## 3.8.0
 
 ### Enhancements
@@ -9,6 +11,9 @@
 - `ModenrTaxonomyPicker`: Add more complete example of TaxonomyTree usage [#1190](https://github.com/pnp/sp-dev-fx-controls-react/pull/1190)
 - `AdaptiveCardHost`: Add SPFx Context property [#1145](https://github.com/pnp/sp-dev-fx-controls-react/issues/1145)
 - `AdaptiveCardHost`: Remove the `isUniqueControlInPage` from the control by rebuilding the way to apply AC CSS class names [#1154](https://github.com/pnp/sp-dev-fx-controls-react/issues/1154)
+- `ListView`: Different background color to even and odd rows in ListView [#1153](https://github.com/pnp/sp-dev-fx-controls-react/issues/1153)
+- `AccessibleAccordion`: Support of section variations [#1195](https://github.com/pnp/sp-dev-fx-controls-react/issues/1195)
+- `TreeView`: Support of section variations [#1196](https://github.com/pnp/sp-dev-fx-controls-react/issues/1196)
 
 ### Fixes
 
@@ -23,6 +28,7 @@
 - `ComboboxListItemPicker`: options are not reloaded after the filter is changed [#1180](https://github.com/pnp/sp-dev-fx-controls-react/issues/1180)
 - `FieldRendererHelper`: Add missing PnPjs import to SPHelper [#1140](https://github.com/pnp/sp-dev-fx-controls-react/issues/1140)
 - `RichText`: Update font style and font size on property pane [#1151](https://github.com/pnp/sp-dev-fx-controls-react/issues/1151)
+- `Placeholder`: Support section variations for themes [#1193](https://github.com/pnp/sp-dev-fx-controls-react/issues/1193)
 
 ## 3.7.2
 

package/lib/EnhancedThemeProvider.d.ts

@@ -0,0 +1,2 @@
+export * from './controls/EnhancedThemeProvider/index';
+//# sourceMappingURL=EnhancedThemeProvider.d.ts.map

package/lib/EnhancedThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedThemeProvider.d.ts","sourceRoot":"","sources":["../src/EnhancedThemeProvider.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}

package/lib/EnhancedThemeProvider.js

@@ -0,0 +1,2 @@
+export * from './controls/EnhancedThemeProvider/index';
+//# sourceMappingURL=EnhancedThemeProvider.js.map

package/lib/EnhancedThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedThemeProvider.js","sourceRoot":"","sources":["../src/EnhancedThemeProvider.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}

package/lib/common/fluentUIThemes/FluentUIDefaultTheme.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from "office-ui-fabric-react/lib/Styling";
+export declare const fluentUIDefaultTheme: () => ITheme;
+//# sourceMappingURL=FluentUIDefaultTheme.d.ts.map

package/lib/common/fluentUIThemes/FluentUIDefaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUIDefaultTheme.d.ts","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUIDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAEnF,eAAO,MAAM,oBAAoB,QAAO,MAYvC,CAAC"}

package/lib/common/fluentUIThemes/FluentUIDefaultTheme.js

@@ -0,0 +1,14 @@
+import { createTheme, getTheme } from "office-ui-fabric-react/lib/Styling";
+export var fluentUIDefaultTheme = function () {
+    var currentTheme;
+    var themeColorsFromWindow = window.__themeState__.theme;
+    if (themeColorsFromWindow) {
+        currentTheme = createTheme({
+            palette: themeColorsFromWindow
+        });
+    }
+    else
+        currentTheme = getTheme();
+    return currentTheme;
+};
+//# sourceMappingURL=FluentUIDefaultTheme.js.map

package/lib/common/fluentUIThemes/FluentUIDefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUIDefaultTheme.js","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUIDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAU,MAAM,oCAAoC,CAAC;AAEnF,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAChC,IAAI,YAAY,CAAC;IACjB,IAAM,qBAAqB,GAAS,MAAc,CAAC,cAAc,CAAC,KAAK,CAAC;IACxE,IAAI,qBAAqB,EAAE;QACvB,YAAY,GAAG,WAAW,CAAC;YACvB,OAAO,EAAE,qBAAqB;SACjC,CAAC,CAAC;KACN;;QAEG,YAAY,GAAG,QAAQ,EAAE,CAAC;IAE9B,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const fluentUITeamsDarkTheme: import("@fluentui/react-theme-provider").Theme;
+//# sourceMappingURL=FluentUITeamsDarkTheme.d.ts.map

package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsDarkTheme.d.ts","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsDarkTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,gDA0BjC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.js

@@ -0,0 +1,29 @@
+import { createTheme } from "office-ui-fabric-react/lib/Styling";
+export var fluentUITeamsDarkTheme = createTheme({
+    palette: {
+        themePrimary: "#7f85f5",
+        themeLighterAlt: "#05050a",
+        themeLighter: "#141527",
+        themeLight: "#262849",
+        themeTertiary: "#4c5093",
+        themeSecondary: "#7075d7",
+        themeDarkAlt: "#8c91f6",
+        themeDark: "#9da2f7",
+        themeDarker: "#b6baf9",
+        neutralLighterAlt: "#282828",
+        neutralLighter: "#313131",
+        neutralLight: "#3f3f3f",
+        neutralQuaternaryAlt: "#484848",
+        neutralQuaternary: "#4f4f4f",
+        neutralTertiaryAlt: "#6d6d6d",
+        neutralTertiary: "#c8c8c8",
+        neutralSecondary: "#d0d0d0",
+        neutralPrimaryAlt: "#dadada",
+        neutralPrimary: "#ffff",
+        neutralDark: "#f4f4f4",
+        black: "#ffffff",
+        white: "#1f1f1f"
+    },
+    isInverted: true
+});
+//# sourceMappingURL=FluentUITeamsDarkTheme.js.map

package/lib/common/fluentUIThemes/FluentUITeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsDarkTheme.js","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,CAAC,IAAM,sBAAsB,GAAG,WAAW,CAAC;IAC9C,OAAO,EAAE;QACL,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;IACD,UAAU,EAAE,IAAI;CACnB,CAAC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const fluentUITeamsDefaultTheme: import("@fluentui/react-theme-provider").Theme;
+//# sourceMappingURL=FluentUITeamsDefaultTheme.d.ts.map

package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsDefaultTheme.d.ts","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsDefaultTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,gDA0BpC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.js

@@ -0,0 +1,29 @@
+import { createTheme } from "office-ui-fabric-react/lib/Styling";
+export var fluentUITeamsDefaultTheme = createTheme({
+    palette: {
+        themePrimary: "#6264A7",
+        themeLighterAlt: "#f7f7fb",
+        themeLighter: "#e1e1f1",
+        themeLight: "#c8c9e4",
+        themeTertiary: "#989ac9",
+        themeSecondary: "#7173b0",
+        themeDarkAlt: "#585a95",
+        themeDark: "#4a4c7e",
+        themeDarker: "#37385d",
+        neutralLighterAlt: "#eeeeee",
+        neutralLighter: "#eaeaea",
+        neutralLight: "#e1e1e1",
+        neutralQuaternaryAlt: "#d1d1d1",
+        neutralQuaternary: "#c8c8c8",
+        neutralTertiaryAlt: "#c0c0c0",
+        neutralTertiary: "#acacac",
+        neutralSecondary: "#919191",
+        neutralPrimaryAlt: "#767676",
+        neutralPrimary: "#0b0b0b",
+        neutralDark: "#404040",
+        black: "#252525",
+        white: "#F5F5F5"
+    },
+    isInverted: false
+});
+//# sourceMappingURL=FluentUITeamsDefaultTheme.js.map

package/lib/common/fluentUIThemes/FluentUITeamsDefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsDefaultTheme.js","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsDefaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,CAAC,IAAM,yBAAyB,GAAG,WAAW,CAAC;IACjD,OAAO,EAAE;QACL,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;IACD,UAAU,EAAE,KAAK;CACpB,CAAC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const fluentUITeamsHighContrastTheme: import("@fluentui/react-theme-provider").Theme;
+//# sourceMappingURL=FluentUITeamsHighContrastTheme.d.ts.map

package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsHighContrastTheme.d.ts","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsHighContrastTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,8BAA8B,gDAkCzC,CAAC"}

package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.js

@@ -0,0 +1,37 @@
+import { createTheme } from "office-ui-fabric-react/lib/Styling";
+export var fluentUITeamsHighContrastTheme = createTheme({
+    palette: {
+        themePrimary: "#00ebff",
+        themeLighterAlt: "#0a0a00",
+        themeLighter: "#292900",
+        themeLight: "#4d4d00",
+        themeTertiary: "#999900",
+        themeSecondary: "#e0e000",
+        themeDarkAlt: "#ffff19",
+        themeDark: "#ffff3d",
+        themeDarker: "#ffff70",
+        neutralLighterAlt: "#0b0b0b",
+        neutralLighter: "#151515",
+        neutralLight: "#252525",
+        neutralQuaternaryAlt: "#2f2f2f",
+        neutralQuaternary: "#373737",
+        neutralTertiaryAlt: "#595959",
+        neutralTertiary: "#fafafa",
+        neutralSecondary: "#fbfbfb",
+        neutralPrimaryAlt: "#fcfcfc",
+        neutralPrimary: "#f8f8f8",
+        neutralDark: "#fdfdfd",
+        black: "#fefefe",
+        white: "#000000"
+    },
+    isInverted: true,
+    semanticColors: {
+        buttonBackgroundDisabled: "#3ff23f",
+        buttonTextDisabled: "#000000",
+        primaryButtonBackgroundDisabled: "#3ff23f",
+        primaryButtonTextDisabled: "#000000",
+        link: "#ffff00",
+        linkHovered: "#ffff00"
+    }
+});
+//# sourceMappingURL=FluentUITeamsHighContrastTheme.js.map

package/lib/common/fluentUIThemes/FluentUITeamsHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentUITeamsHighContrastTheme.js","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/FluentUITeamsHighContrastTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,CAAC,IAAM,8BAA8B,GAAG,WAAW,CAAC;IACtD,OAAO,EAAE;QACL,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,SAAS;QAC5B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;IACD,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE;QACZ,wBAAwB,EAAE,SAAS;QACnC,kBAAkB,EAAE,SAAS;QAC7B,+BAA+B,EAAE,SAAS;QAC1C,yBAAyB,EAAE,SAAS;QACpC,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;KACzB;CACJ,CAAC,CAAC"}

package/lib/common/fluentUIThemes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './FluentUIDefaultTheme';
+export * from './FluentUITeamsDarkTheme';
+export * from './FluentUITeamsDefaultTheme';
+export * from './FluentUITeamsHighContrastTheme';
+//# sourceMappingURL=index.d.ts.map

package/lib/common/fluentUIThemes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC"}

package/lib/common/fluentUIThemes/index.js

@@ -0,0 +1,5 @@
+export * from './FluentUIDefaultTheme';
+export * from './FluentUITeamsDarkTheme';
+export * from './FluentUITeamsDefaultTheme';
+export * from './FluentUITeamsHighContrastTheme';
+//# sourceMappingURL=index.js.map

package/lib/common/fluentUIThemes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/fluentUIThemes/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.8.0-beta.2258918";
+export var version = "3.9.0-beta.2290761";
 //# sourceMappingURL=version.js.map

package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ITheme } from "office-ui-fabric-react/lib/Styling";
+import { IEnhancedThemeProviderProps } from './IEnhancedThemeProviderProps';
+import { ThemeContext, useTheme } from '@fluentui/react-theme-provider';
+declare const getDefaultTheme: () => ITheme;
+declare const EnhancedThemeProvider: (props: IEnhancedThemeProviderProps) => JSX.Element;
+export { EnhancedThemeProvider, getDefaultTheme, useTheme, ThemeContext };
+//# sourceMappingURL=EnhancedThemeProvider.d.ts.map

package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/EnhancedThemeProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAyB,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAMnF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGxE,QAAA,MAAM,eAAe,QAAO,MAa3B,CAAC;AAEF,QAAA,MAAM,qBAAqB,UAAW,2BAA2B,gBA4DhE,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC"}

package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.js

@@ -0,0 +1,89 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { ThemeProvider } from '@fluentui/react-theme-provider';
+import { getVariant, VariantThemeType } from "@fluentui/scheme-utilities";
+import { initializeIcons } from 'office-ui-fabric-react/lib/Icons';
+import { createTheme, getTheme } from "office-ui-fabric-react/lib/Styling";
+import * as React from "react";
+import { useCallback, useEffect, useState } from 'react';
+import { fluentUITeamsDarkTheme } from '../../common/fluentUIThemes/FluentUITeamsDarkTheme';
+import { fluentUITeamsDefaultTheme } from '../../common/fluentUIThemes/FluentUITeamsDefaultTheme';
+import { fluentUITeamsHighContrastTheme } from '../../common/fluentUIThemes/FluentUITeamsHighContrastTheme';
+import { ThemeContext, useTheme } from '@fluentui/react-theme-provider';
+import * as telemetry from '../../common/telemetry';
+var getDefaultTheme = function () {
+    var _a, _b;
+    var currentTheme;
+    var themeColorsFromWindow = (_b = (_a = window) === null || _a === void 0 ? void 0 : _a.__themeState__) === null || _b === void 0 ? void 0 : _b.theme;
+    if (themeColorsFromWindow) {
+        currentTheme = createTheme({
+            palette: themeColorsFromWindow
+        });
+    }
+    else {
+        currentTheme = getTheme();
+    }
+    return currentTheme;
+};
+var EnhancedThemeProvider = function (props) {
+    var _a = useState(false), isInTeams = _a[0], setIsInTeams = _a[1];
+    var _b = useState(null), teamsThemeName = _b[0], setTeamsThemeName = _b[1];
+    // track the telemetry as 'ReactEnhancedThemeProvider'
+    useEffect(function () {
+        telemetry.track('ReactEnhancedThemeProvider');
+    }, []);
+    // *****
+    useEffect(function () {
+        initializeIcons();
+    }, []);
+    useEffect(function () {
+        setIsInTeams((props.context.sdks.microsoftTeams) ? true : false);
+    }, [props.context]);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e;
+        if (isInTeams) {
+            setTeamsThemeName((_b = (_a = props.context.sdks.microsoftTeams) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.theme);
+            (_e = (_d = (_c = props.context.sdks) === null || _c === void 0 ? void 0 : _c.microsoftTeams) === null || _d === void 0 ? void 0 : _d.teamsJs) === null || _e === void 0 ? void 0 : _e.registerOnThemeChangeHandler(function (theme) {
+                setTeamsThemeName(theme);
+            });
+        }
+    }, [props.context, isInTeams]);
+    var themeToApply = useCallback(function () {
+        var workingTheme;
+        if (isInTeams) {
+            switch (teamsThemeName) {
+                case "default":
+                    workingTheme = fluentUITeamsDefaultTheme;
+                    break;
+                case "dark":
+                    workingTheme = fluentUITeamsDarkTheme;
+                    break;
+                case "contrast":
+                    workingTheme = fluentUITeamsHighContrastTheme;
+                    break;
+                default:
+                    workingTheme = fluentUITeamsDefaultTheme;
+                    break;
+            }
+        }
+        else if (props.theme) {
+            workingTheme = getVariant(props.theme, VariantThemeType.None);
+        }
+        else {
+            workingTheme = getDefaultTheme();
+        }
+        return workingTheme;
+    }, [props.theme, teamsThemeName]);
+    return (React.createElement(ThemeProvider, __assign({}, props, { theme: themeToApply() }), props.children));
+};
+export { EnhancedThemeProvider, getDefaultTheme, useTheme, ThemeContext };
+//# sourceMappingURL=EnhancedThemeProvider.js.map

package/lib/controls/EnhancedThemeProvider/EnhancedThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedThemeProvider.js","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/EnhancedThemeProvider.tsx"],"names":[],"mappings":"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"}

package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.d.ts

@@ -0,0 +1,9 @@
+import { ThemeProviderProps } from '@fluentui/react-theme-provider';
+import { WebPartContext } from '@microsoft/sp-webpart-base';
+export interface IEnhancedThemeProviderProps extends ThemeProviderProps {
+    /**
+    * Set the context from the SPFx component.
+    */
+    context: WebPartContext;
+}
+//# sourceMappingURL=IEnhancedThemeProviderProps.d.ts.map

package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEnhancedThemeProviderProps.d.ts","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACrE;;MAEE;IACF,OAAO,EAAE,cAAc,CAAC;CACzB"}

package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IEnhancedThemeProviderProps.js.map

package/lib/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEnhancedThemeProviderProps.js","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/IEnhancedThemeProviderProps.ts"],"names":[],"mappings":""}

package/lib/controls/EnhancedThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EnhancedThemeProvider';
+export * from './IEnhancedThemeProviderProps';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/EnhancedThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC"}

package/lib/controls/EnhancedThemeProvider/index.js

@@ -0,0 +1,3 @@
+export * from './EnhancedThemeProvider';
+export * from './IEnhancedThemeProviderProps';
+//# sourceMappingURL=index.js.map

package/lib/controls/EnhancedThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/EnhancedThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC"}

package/lib/controls/treeView/ButtonTreeItemAction.d.ts

@@ -12,10 +12,6 @@ export default class ButtonTreeItemAction extends React.Component<IConcreteTreeI
      * Prepares the command bar button
      */
     private prepareCommandBarButton;
-    /**
-     * Gets the action button styling
-     */
-    private getTreeItemActionButtonStyle;
     /**
      * Check if there are action to immediatly invoke
      */

package/lib/controls/treeView/ButtonTreeItemAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAE7F;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAO9B;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B,CAOnC;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAUpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAqClE"}
+{"version":3,"file":"ButtonTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAmB,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAE7F;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAO9B;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAUpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAsClE"}

package/lib/controls/treeView/ButtonTreeItemAction.js

@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import * as React from 'react';
 import { CommandBarButton } from 'office-ui-fabric-react/lib/Button';
+import * as React from 'react';
 import styles from './TreeView.module.scss';
 /**
  * Renders the controls for Button TreeItem action component
@@ -67,16 +67,6 @@ var ButtonTreeItemAction = /** @class */ (function (_super) {
             var btnTitle = treeItemAction.title;
             return { name: name, text: text, iconProps: iconProps, btnTitle: btnTitle };
         };
-        /**
-         * Gets the action button styling
-         */
-        _this.getTreeItemActionButtonStyle = function (treeItemAction) {
-            var result = {
-                backgroundColor: "transparent",
-                height: "32px"
-            };
-            return result;
-        };
         /**
          * On action execution
          */
@@ -126,7 +116,7 @@ var ButtonTreeItemAction = /** @class */ (function (_super) {
             treeItemActions.map(function (treeItemAction) {
                 var _a = _this.prepareCommandBarButton(treeItemAction), name = _a.name, text = _a.text, iconProps = _a.iconProps, btnTitle = _a.btnTitle;
                 return (treeItemAction.hidden ? (null) : (React.createElement("div", null,
-                    React.createElement(CommandBarButton, { split: true, onClick: function () { _this.onActionExecute(treeItemAction); }, iconProps: iconProps, text: text, title: btnTitle, name: name, key: treeItem.key, className: styles.actionButton }))));
+                    React.createElement(CommandBarButton, { split: true, onClick: function () { _this.onActionExecute(treeItemAction); }, iconProps: iconProps, text: text, title: btnTitle, name: name, key: treeItem.key, className: styles.actionButton, theme: _this.props.theme }))));
             })));
     };
     return ButtonTreeItemAction;

package/lib/controls/treeView/ButtonTreeItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/ButtonTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;GAEG;AACH;IAAkD,wCAA6C;IAA/F;QAAA,qEAmFC;QA1EC;;WAEG;QACK,6BAAuB,GAAG,UAAC,cAA+B;YAChE,IAAI,IAAI,GAAW,cAAc,CAAC,KAAK,CAAC;YACxC,IAAI,IAAI,GAAW,cAAc,CAAC,KAAK,CAAC;YACxC,IAAI,SAAS,GAAe,cAAc,CAAC,SAAS,CAAC;YACrD,IAAI,QAAQ,GAAW,cAAc,CAAC,KAAK,CAAC;YAE5C,OAAO,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC7C,CAAC,CAAA;QAeD;;WAEG;QACK,qBAAe,GAAG,UAAO,cAA+B;;;4BAC9D,qBAAM,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBAAxD,SAAwD,CAAC;wBACzD,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;;;;aACrC,CAAA;;IA2CH,CAAC;IAjFC;;OAEG;IACI,iDAAkB,GAAzB;QACE,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACtC,CAAC;IAcD;;OAEG;IACK,2DAA4B,GAApC;QACU,IAAA,eAAe,GAAK,IAAI,CAAC,KAAK,gBAAf,CAAgB;QAEvC,KAAqB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE;YAAjC,IAAM,MAAM,wBAAA;YACf,IAAI,MAAM,CAAC,oBAAoB,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC9B;SACF;IACH,CAAC;IAUD;;OAEG;IACI,qCAAM,GAAb;QAAA,iBAqCC;QApCO,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,QAAQ,cAAA,EAAE,eAAe,qBAAe,CAAC;QAEjD,qCAAqC;QACrC,IAAM,aAAa,GAAG,eAAe,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,MAAM,EAAT,CAAS,CAAC,CAAC;QAC7D,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/C,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,iCAEI,eAAe;YACf,eAAe,CAAC,GAAG,CAAC,UAAA,cAAc;gBAC1B,IAAA,KAAsC,KAAI,CAAC,uBAAuB,CAAC,cAAc,CAAC,EAAhF,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAiD,CAAC;gBAEzF,OAAO,CACL,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,IAAI,CACL,CAAC,CAAC,CAAC,CACF;oBACE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,EAC3B,OAAO,EAAE,cAAQ,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EACxD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CACzB,CACP,CACF,CAAC;YACJ,CAAC,CAAC,CAEA,CACP,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AAnFD,CAAkD,KAAK,CAAC,SAAS,GAmFhE"}

package/lib/controls/treeView/DropdownTreeItemAction.d.ts

@@ -12,10 +12,6 @@ export declare class DropdownTreeItemAction extends React.Component<IConcreteTre
      * Prepates contextual menu items for dropdown.
      */
     private prepareContextualMenuProps;
-    /**
-     * Prepare treeItem action button style.
-     */
-    private getTreeItemActionActionButtonStyle;
     /**
      * Check if there are action to immediatly invoke
      */

package/lib/controls/treeView/DropdownTreeItemAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAmB,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAEvF;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAyBjC;IAED;;OAEG;IACH,OAAO,CAAC,kCAAkC,CASzC;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IASpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAiBlE"}
+{"version":3,"file":"DropdownTreeItemAction.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAmB,MAAM,oBAAoB,CAAC;AAGnF;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IAEvF;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAyBjC;IAED;;OAEG;IACH,OAAO,CAAC,4BAA4B;IASpC;;OAEG;IACH,OAAO,CAAC,eAAe,CAGtB;IAED;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;CAkBlE"}

package/lib/controls/treeView/DropdownTreeItemAction.js

@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import * as React from 'react';
 import { IconButton } from 'office-ui-fabric-react/lib/Button';
+import * as React from 'react';
 import styles from './TreeView.module.scss';
 /**
  * Renders the controls for Dropdown TreeItem action component
@@ -86,18 +86,6 @@ var DropdownTreeItemAction = /** @class */ (function (_super) {
             };
             return contextualMenuProps;
         };
-        /**
-         * Prepare treeItem action button style.
-         */
-        _this.getTreeItemActionActionButtonStyle = function () {
-            var result = {
-                backgroundColor: "transparent",
-                width: "14px",
-                display: "inline-flex",
-                padding: "0px"
-            };
-            return result;
-        };
         /**
          * Handler to execute selected action.
          */
@@ -140,7 +128,7 @@ var DropdownTreeItemAction = /** @class */ (function (_super) {
         var _a = this.props, treeItem = _a.treeItem, treeItemActions = _a.treeItemActions;
         var contextualMenuProps = this.prepareContextualMenuProps(treeItem, treeItemActions);
         return (React.createElement("div", null,
-            React.createElement(IconButton, { menuProps: contextualMenuProps, menuIconProps: { iconName: 'MoreVertical' }, className: styles.actionMore, title: "More", ariaLabel: "More" })));
+            React.createElement(IconButton, { menuProps: contextualMenuProps, menuIconProps: { iconName: 'MoreVertical' }, className: styles.actionMore, title: "More", ariaLabel: "More", theme: this.props.theme })));
     };
     return DropdownTreeItemAction;
 }(React.Component));

package/lib/controls/treeView/DropdownTreeItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownTreeItemAction.js","sourceRoot":"","sources":["../../../src/controls/treeView/DropdownTreeItemAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;GAEG;AACH;IAA4C,0CAA6C;IAAzF;QAAA,qEAgFC;QAvEC;;WAEG;QACK,gCAA0B,GAAG,UAAC,QAAmB,EAAE,eAAkC;YAC3F,IAAI,KAAK,GAA0B,EAAE,CAAC;YACtC,IAAI,cAAc,GAAG,IAAI,CAAC;oCAEf,cAAc;gBACvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;oBAC1B,IAAI,sBAAsB,GAAwB;wBAChD,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE;wBAC5B,OAAO,EAAE,cAAQ,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzD,CAAC;oBAEF,sBAAsB,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC;oBACnD,sBAAsB,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC;oBACnD,sBAAsB,CAAC,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;oBAC5D,cAAc,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;oBAEjE,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;iBACpC;;YAbH,KAA6B,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe;gBAAvC,IAAM,cAAc,wBAAA;wBAAd,cAAc;aAcxB;YAED,IAAM,mBAAmB,GAAyB;gBAChD,KAAK,OAAA;gBACL,cAAc,gBAAA;aACf,CAAC;YACF,OAAO,mBAAmB,CAAC;QAC7B,CAAC,CAAA;QAcD;;WAEG;QACK,qBAAe,GAAG,UAAO,cAA+B;;;;4BACzC,qBAAM,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBAAvE,YAAY,GAAG,SAAwD;wBAC7E,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;;;;aACrC,CAAA;;IAuBH,CAAC;IA9EC;;OAEG;IACI,mDAAkB,GAAzB;QACE,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACtC,CAAC;IAgCD;;OAEG;IACK,6DAA4B,GAApC;QACU,IAAA,eAAe,GAAK,IAAI,CAAC,KAAK,gBAAf,CAAgB;QACvC,KAAqB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE;YAAjC,IAAM,MAAM,wBAAA;YACf,IAAI,MAAM,CAAC,oBAAoB,EAAE;gBAC/B,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;aAC9B;SACF;IACH,CAAC;IAUD;;OAEG;IACI,uCAAM,GAAb;QACQ,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAxC,QAAQ,cAAA,EAAE,eAAe,qBAAe,CAAC;QAEjD,IAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAEvF,OAAO,CACL;YACE,oBAAC,UAAU,IACT,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,EAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GACvB,CACE,CACP,CAAC;IACJ,CAAC;IACH,6BAAC;AAAD,CAAC,AAhFD,CAA4C,KAAK,CAAC,SAAS,GAgF1D"}

package/lib/controls/treeView/ITreeItemActions.d.ts

@@ -1,5 +1,6 @@
 import { ITreeItem } from './ITreeItem';
 import { IIconProps } from 'office-ui-fabric-react/lib/Icon';
+import { ITheme } from 'office-ui-fabric-react/lib/Styling';
 /**
  * Specifies the display mode of the tree item action.
  */
@@ -36,6 +37,10 @@ export interface ITreeItemActionsControlProps {
      * Callback after execution of tree item action.
      */
     treeItemActionCallback: () => void;
+    /**
+    * Set Fluent UI Theme.
+    * */
+    theme: ITheme;
 }
 /**
  * TreeItemActionsControl state interface
@@ -66,6 +71,10 @@ export interface IConcreteTreeItemActionProps {
      * Method to be executed when action is fired.
      */
     treeItemActionCallback: () => void;
+    /**
+    * Set Fluent UI Theme.v
+    * */
+    theme: ITheme;
 }
 /**
  * Interface represents the possible action that could be execute on tree item level.

package/lib/controls/treeView/ITreeItemActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ITreeItemActions.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D;;GAEG;AACH,oBAAY,0BAA0B;IAClC,OAAO,IAAI;IACX,cAAc,IAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,EAAE,gBAAgB,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC;;OAEG;IACH,WAAW,EAAE,0BAA0B,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,cAAc,EAAE,CAAC,eAAe,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD"}
+{"version":3,"file":"ITreeItemActions.d.ts","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D;;GAEG;AACH,oBAAY,0BAA0B;IACpC,OAAO,IAAI;IACX,cAAc,IAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,EAAE,gBAAgB,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC;;OAEG;IACH,WAAW,EAAE,0BAA0B,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,cAAc,EAAE,CAAC,eAAe,EAAE,SAAS,KAAK,IAAI,CAAC;CACtD"}

package/lib/controls/treeView/ITreeItemActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ITreeItemActions.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAN,IAAY,0BAGX;AAHD,WAAY,0BAA0B;IAClC,iFAAW,CAAA;IACX,+FAAc,CAAA;AAClB,CAAC,EAHW,0BAA0B,KAA1B,0BAA0B,QAGrC"}
+{"version":3,"file":"ITreeItemActions.js","sourceRoot":"","sources":["../../../src/controls/treeView/ITreeItemActions.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAN,IAAY,0BAGX;AAHD,WAAY,0BAA0B;IACpC,iFAAW,CAAA;IACX,+FAAc,CAAA;AAChB,CAAC,EAHW,0BAA0B,KAA1B,0BAA0B,QAGrC"}