@pnp/spfx-controls-react 3.7.0-beta.1939323 → 3.7.0-beta.1948946

package/CHANGELOG.JSON

@@ -3,7 +3,10 @@
     {
       "version": "3.7.0",
       "changes": {
-        "new": [],
+        "new": [
+          "`VariantThemeProvider`: new `VariantThemeProvider` control [#1120](https://github.com/pnp/sp-dev-fx-controls-react/issues/1120)",
+          "`MonacoEditor`: new `MonacoEditor` control [#1134](https://github.com/pnp/sp-dev-fx-controls-react/pull/1134)"
+        ],
         "enhancements": [
           "`Carousel`: Prev and Next Buttons are not labeled, and read as 'Unlabeled button' by screen readers [#1137](https://github.com/pnp/sp-dev-fx-controls-react/issues/1137)",
           "SharePoint Framework v1.14.0 support"
@@ -11,6 +14,8 @@
         "fixes": []
       },
       "contributors": [
+        "[Fabio Franzini](https://github.com/fabiofranzini)",
+        "[João Mendes](https://github.com/joaojmendes)",
         "[Won Song](https://github.com/WonSong)"
       ]
     },

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## 3.7.0
 
+### New control(s)
+
+- `VariantThemeProvider`: new `VariantThemeProvider` control [#1120](https://github.com/pnp/sp-dev-fx-controls-react/issues/1120)
+- `MonacoEditor`: new `MonacoEditor` control [#1134](https://github.com/pnp/sp-dev-fx-controls-react/pull/1134)
+
 ### Enhancements
 
 - `Carousel`: Prev and Next Buttons are not labeled, and read as 'Unlabeled button' by screen readers [#1137](https://github.com/pnp/sp-dev-fx-controls-react/issues/1137)

package/lib/VariantThemeProvider.d.ts

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

package/lib/VariantThemeProvider.d.ts.map

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

package/lib/VariantThemeProvider.js

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

package/lib/VariantThemeProvider.js.map

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

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.7.0-beta.1939323";
+export var version = "3.7.0-beta.1948946";
 //# sourceMappingURL=version.js.map

package/lib/controls/listPicker/IListPicker.d.ts

@@ -1,6 +1,6 @@
-import { LibsOrderBy } from "../../services/ISPService";
-import { BaseComponentContext } from '@microsoft/sp-component-base';
 import { IDropdownOption } from "office-ui-fabric-react/lib/Dropdown";
+import { BaseComponentContext } from "@microsoft/sp-component-base";
+import { LibsOrderBy } from "../../services/ISPService";
 export interface IListPickerProps {
     /**
     * The web part context

package/lib/controls/listPicker/IListPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IListPicker.d.ts","sourceRoot":"","sources":["../../../src/controls/listPicker/IListPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B;;MAEE;IACF,OAAO,EAAE,oBAAoB,CAAC;IAC9B;;MAEE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;MAEE;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;MAEE;IACF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;MAGE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;MAEE;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;MAEE;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;MAEE;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;MAEE;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;MAEE;IACF,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;MAEE;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACrB;;IAEA;IACC,aAAa,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B;;MAEE;IACF,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;MAEE;IACF,OAAO,EAAE,OAAO,CAAC;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAClC"}
+{"version":3,"file":"IListPicker.d.ts","sourceRoot":"","sources":["../../../src/controls/listPicker/IListPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B;;MAEE;IACF,OAAO,EAAE,oBAAoB,CAAC;IAC9B;;MAEE;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;MAEE;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;MAEE;IACF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;MAGE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;MAEE;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;MAEE;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;MAEE;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;MAEE;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;MAEE;IACF,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;MAEE;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACrB;;IAEA;IACC,aAAa,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B;;MAEE;IACF,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;MAEE;IACF,OAAO,EAAE,OAAO,CAAC;IACjB;;MAEE;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAClC"}

package/lib/controls/monacoEditor/Error.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface IErrorProps {
+    error: Error;
+    show: boolean;
+}
+export declare const Error: React.FunctionComponent<IErrorProps>;
+//# sourceMappingURL=Error.d.ts.map

package/lib/controls/monacoEditor/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/Error.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAatD,CAAC"}

package/lib/controls/monacoEditor/Error.js

@@ -0,0 +1,12 @@
+import { Stack } from "office-ui-fabric-react/lib/components/Stack";
+import { MessageBarType, MessageBar } from "office-ui-fabric-react/lib/MessageBar";
+import * as React from "react";
+export var Error = function (props) {
+    var error = props.error, show = props.show;
+    return (React.createElement(React.Fragment, null,
+        "(show && error) ?",
+        React.createElement(Stack, { horizontal: true, horizontalAlign: "start" },
+            React.createElement(MessageBar, { isMultiline: true, messageBarType: MessageBarType.error }, error.message)),
+        ": null;"));
+};
+//# sourceMappingURL=Error.js.map

package/lib/controls/monacoEditor/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/Error.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,OAAO,EAAE,cAAc,EAAG,UAAU,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,IAAM,KAAK,GAAyC,UAAC,KAA2C;IAC7F,IAAA,KAAK,GAAW,KAAK,MAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAC9B,OAAO,CACL;;QAEE,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,OAAO;YACvC,oBAAC,UAAU,IAAC,WAAW,QAAC,cAAc,EAAE,cAAc,CAAC,KAAK,IACzD,KAAK,CAAC,OAAO,CACH,CACP;kBAEP,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/monacoEditor/IMonacoEditorProps.d.ts

@@ -0,0 +1,25 @@
+import * as monaco from "monaco-editor";
+export declare enum Elanguages {
+    typescript = "typescript",
+    javascript = "javascript",
+    css = "css",
+    html = "html",
+    json = "json",
+    xml = "xml",
+    markdown = "markdown",
+    less = "less",
+    scss = "scss",
+    handlebars = "handlebars"
+}
+export interface IMonacoEditorProps {
+    value: string;
+    theme?: string;
+    readOnly?: boolean;
+    showLineNumbers?: boolean;
+    showMiniMap?: boolean;
+    onValueChange?: (newValue: string, validationErrors: string[]) => void;
+    language: string | Elanguages;
+    jsonDiagnosticsOptions?: monaco.languages.json.DiagnosticsOptions;
+    jscriptDiagnosticsOptions?: monaco.languages.typescript.DiagnosticsOptions;
+}
+//# sourceMappingURL=IMonacoEditorProps.d.ts.map

package/lib/controls/monacoEditor/IMonacoEditorProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMonacoEditorProps.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/IMonacoEditorProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,oBAAY,UAAU;IAClB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAG5B;AACD,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,gBAAgB,EAAC,MAAM,EAAE,KAAK,IAAI,CAAC;IACpE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAClE,yBAAyB,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC;CAE5E"}

package/lib/controls/monacoEditor/IMonacoEditorProps.js

@@ -0,0 +1,14 @@
+export var Elanguages;
+(function (Elanguages) {
+    Elanguages["typescript"] = "typescript";
+    Elanguages["javascript"] = "javascript";
+    Elanguages["css"] = "css";
+    Elanguages["html"] = "html";
+    Elanguages["json"] = "json";
+    Elanguages["xml"] = "xml";
+    Elanguages["markdown"] = "markdown";
+    Elanguages["less"] = "less";
+    Elanguages["scss"] = "scss";
+    Elanguages["handlebars"] = "handlebars";
+})(Elanguages || (Elanguages = {}));
+//# sourceMappingURL=IMonacoEditorProps.js.map

package/lib/controls/monacoEditor/IMonacoEditorProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMonacoEditorProps.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/IMonacoEditorProps.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IAClB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,yBAAW,CAAA;IACX,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,uCAAyB,CAAA;AAG7B,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB"}

package/lib/controls/monacoEditor/MonacoEditor.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IMonacoEditorProps } from "./IMonacoEditorProps";
+export declare const MonacoEditor: React.FunctionComponent<IMonacoEditorProps>;
+//# sourceMappingURL=MonacoEditor.d.ts.map

package/lib/controls/monacoEditor/MonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/MonacoEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA6FpE,CAAC"}

package/lib/controls/monacoEditor/MonacoEditor.js

@@ -0,0 +1,77 @@
+import { isEmpty } from "lodash";
+import * as React from "react";
+import { Elanguages } from ".";
+import { useMonacoEditorStyles } from "./useMonacoEditorStyles";
+import { EStatus, useMonaco } from "./useMonaco";
+import { Spinner, SpinnerSize } from "office-ui-fabric-react/lib/Spinner";
+import { Stack } from "office-ui-fabric-react/lib/Stack";
+import { Error } from "./Error";
+export var MonacoEditor = function (props) {
+    var _a = props || {}, value = _a.value, onValueChange = _a.onValueChange, theme = _a.theme, readOnly = _a.readOnly, showLineNumbers = _a.showLineNumbers, showMiniMap = _a.showMiniMap, language = _a.language, jsonDiagnosticsOptions = _a.jsonDiagnosticsOptions, jscriptDiagnosticsOptions = _a.jscriptDiagnosticsOptions;
+    var containerRef = React.useRef(null);
+    var editorRef = React.useRef(null);
+    var controlClasses = useMonacoEditorStyles().controlClasses;
+    var _b = useMonaco(), monaco = _b.monaco, status = _b.status, error = _b.error;
+    var onDidChangeModelContent = React.useCallback(function (e) {
+        if (editorRef.current) {
+            var currentValue = editorRef.current.getValue();
+            if (currentValue !== value) {
+                var validationErrors = [];
+                try {
+                    if (language === Elanguages.json) {
+                        var jsonParsed = JSON.parse(currentValue);
+                    }
+                }
+                catch (e) {
+                    validationErrors.push(e.message);
+                }
+                console.log(currentValue);
+                onValueChange(currentValue, validationErrors);
+            }
+        }
+    }, [onValueChange]);
+    React.useEffect(function () {
+        if (status != EStatus.LOADED)
+            return;
+        if (!isEmpty(jsonDiagnosticsOptions) && language === Elanguages.json) {
+            monaco.languages.json.jsonDefaults.setDiagnosticsOptions(jsonDiagnosticsOptions);
+        }
+        if (!isEmpty(jscriptDiagnosticsOptions) && language === Elanguages.javascript) {
+            monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions(jscriptDiagnosticsOptions);
+        }
+        monaco.editor.onDidCreateModel(function (m) {
+            m.updateOptions({
+                tabSize: 2,
+            });
+        });
+        //Create the MonacoEditor
+        editorRef.current = monaco.editor.create(containerRef.current, {
+            value: value,
+            scrollBeyondLastLine: false,
+            theme: theme,
+            language: language,
+            folding: true,
+            readOnly: readOnly,
+            lineNumbersMinChars: 4,
+            lineNumbers: showLineNumbers ? "on" : "off",
+            minimap: {
+                enabled: showMiniMap,
+            },
+        });
+        editorRef.current.onDidChangeModelContent(onDidChangeModelContent);
+        return function () {
+            var _a;
+            (_a = editorRef === null || editorRef === void 0 ? void 0 : editorRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
+        };
+    }, [jsonDiagnosticsOptions, jscriptDiagnosticsOptions, monaco]);
+    if (status === EStatus.LOADING) {
+        return (React.createElement(Stack, { horizontal: true, horizontalAlign: "center", tokens: { padding: 25 } },
+            React.createElement(Spinner, { size: SpinnerSize.medium })));
+    }
+    if (status === EStatus.ERROR) {
+        return React.createElement(Error, { error: error, show: true });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: containerRef, className: controlClasses.containerStyles })));
+};
+//# sourceMappingURL=MonacoEditor.js.map

package/lib/controls/monacoEditor/MonacoEditor.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/controls/monacoEditor/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/lib/controls/monacoEditor/useMonaco.d.ts

@@ -0,0 +1,11 @@
+export declare enum EStatus {
+    LOADING = 0,
+    LOADED = 1,
+    ERROR = 2
+}
+export declare const useMonaco: () => {
+    monaco: typeof import("monaco-editor");
+    status: EStatus;
+    error: Error;
+};
+//# sourceMappingURL=useMonaco.d.ts.map

package/lib/controls/monacoEditor/useMonaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonaco.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonaco.ts"],"names":[],"mappings":"AAIA,oBAAY,OAAO;IACjB,OAAO,IAAA;IACP,MAAM,IAAA;IACN,KAAK,IAAA;CACN;AAED,eAAO,MAAM,SAAS;;;;CAyBrB,CAAC"}

package/lib/controls/monacoEditor/useMonaco.js

@@ -0,0 +1,81 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useState, useEffect } from "react";
+import loader from "@monaco-editor/loader";
+var CDN_PATH_TO_MONACO_EDITOR = "https://cdn.jsdelivr.net/npm/monaco-editor@0.32.1/min/vs";
+export var EStatus;
+(function (EStatus) {
+    EStatus[EStatus["LOADING"] = 0] = "LOADING";
+    EStatus[EStatus["LOADED"] = 1] = "LOADED";
+    EStatus[EStatus["ERROR"] = 2] = "ERROR";
+})(EStatus || (EStatus = {}));
+export var useMonaco = function () {
+    var _a = useState(undefined), monaco = _a[0], setMonaco = _a[1];
+    var _b = useState(EStatus.LOADING), status = _b[0], setStatus = _b[1];
+    var _c = useState(undefined), error = _c[0], setError = _c[1];
+    useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var monacoObj, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        loader.config({ paths: { vs: CDN_PATH_TO_MONACO_EDITOR } });
+                        return [4 /*yield*/, loader.init()];
+                    case 1:
+                        monacoObj = _a.sent();
+                        setStatus(EStatus.LOADED);
+                        setMonaco(monacoObj);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        setStatus(EStatus.ERROR);
+                        setMonaco(undefined);
+                        setError(error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, []);
+    return {
+        monaco: monaco,
+        status: status,
+        error: error,
+    };
+};
+//# sourceMappingURL=useMonaco.js.map

package/lib/controls/monacoEditor/useMonaco.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonaco.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonaco.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAkB,MAAM,uBAAuB,CAAC;AAEvD,IAAM,yBAAyB,GAAG,0DAA0D,CAAC;AAC7F,MAAM,CAAN,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,2CAAO,CAAA;IACP,yCAAM,CAAA;IACN,uCAAK,CAAA;AACP,CAAC,EAJW,OAAO,KAAP,OAAO,QAIlB;AAED,MAAM,CAAC,IAAM,SAAS,GAAG;IACjB,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IAClD,IAAA,KAAsB,QAAQ,CAAU,OAAO,CAAC,OAAO,CAAC,EAAvD,MAAM,QAAA,EAAE,SAAS,QAAsC,CAAC;IACzD,IAAA,KAAoB,QAAQ,CAAQ,SAAS,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAErD,SAAS,CAAC;QACR,CAAC;;;;;;wBAEG,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC;wBAC1C,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;wBAA/B,SAAS,GAAG,SAAmB;wBACrC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAC1B,SAAS,CAAC,SAAS,CAAC,CAAC;;;;wBAErB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACzB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACrB,QAAQ,CAAC,OAAK,CAAC,CAAC;;;;;aAEnB,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,MAAM,QAAA;QACN,MAAM,QAAA;QACN,KAAK,OAAA;KACN,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/monacoEditor/useMonacoEditorStyles.d.ts

@@ -0,0 +1,8 @@
+export declare const useMonacoEditorStyles: () => {
+    controlClasses: import("office-ui-fabric-react").IProcessedStyleSet<{
+        containerStyles: {
+            height: string;
+        };
+    }>;
+};
+//# sourceMappingURL=useMonacoEditorStyles.d.ts.map

package/lib/controls/monacoEditor/useMonacoEditorStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoEditorStyles.d.ts","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonacoEditorStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;;CAUjC,CAAC"}

package/lib/controls/monacoEditor/useMonacoEditorStyles.js

@@ -0,0 +1,13 @@
+import { mergeStyleSets } from "office-ui-fabric-react";
+import React from "react";
+export var useMonacoEditorStyles = function () {
+    var controlClasses = React.useMemo(function () {
+        return mergeStyleSets({
+            containerStyles: {
+                height: "800px",
+            }
+        });
+    }, []);
+    return { controlClasses: controlClasses };
+};
+//# sourceMappingURL=useMonacoEditorStyles.js.map

package/lib/controls/monacoEditor/useMonacoEditorStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoEditorStyles.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonacoEditorStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAM,cAAc,GAAI,KAAK,CAAC,OAAO,CAAC;QAClC,OAAO,cAAc,CAAC;YACpB,eAAe,EAAC;gBACd,MAAM,EAAE,OAAO;aAChB;SACF,CAAC,CAAC;IACP,CAAC,EAAC,EAAE,CAAC,CAAC;IAEN,OAAO,EAAC,cAAc,gBAAA,EAAE,CAAC;AAC3B,CAAC,CAAC"}

package/lib/controls/variantThemeProvider/VariantThemeProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { VariantThemeProviderProps } from "./VariantThemeProviderProps";
+export declare const VariantThemeProvider: (props: VariantThemeProviderProps) => JSX.Element;
+//# sourceMappingURL=VariantThemeProvider.d.ts.map

package/lib/controls/variantThemeProvider/VariantThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProvider.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAe,MAAM,6BAA6B,CAAC;AAErF,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,gBA+BpE,CAAC"}

package/lib/controls/variantThemeProvider/VariantThemeProvider.js

@@ -0,0 +1,39 @@
+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/lib/ThemeProvider";
+import * as React from "react";
+import { useCallback } from "react";
+import { generateThemeFromColors, generateThemeVariant, getDefaultTheme } from "./VariantThemeProviderHelpers";
+import { VariantType } from "./VariantThemeProviderProps";
+export var VariantThemeProvider = function (props) {
+    var themeToApply = useCallback(function () {
+        var workingVariantType = (props.variantType) ? props.variantType : VariantType.None;
+        var workingTheme;
+        if (props.themeColors) {
+            workingTheme = generateThemeFromColors(props.themeColors.primaryColor, props.themeColors.textColor, props.themeColors.backgroundColor);
+        }
+        else {
+            if (props.theme) {
+                workingTheme = props.theme;
+            }
+            else {
+                workingTheme = getDefaultTheme();
+            }
+        }
+        var themeVariantToApply = (props.variantType == VariantType.None)
+            ? workingTheme
+            : generateThemeVariant(workingTheme, workingVariantType);
+        return themeVariantToApply;
+    }, [props.theme, props.themeColors, props.variantType]);
+    return (React.createElement(ThemeProvider, __assign({}, props, { theme: themeToApply() }), props.children));
+};
+//# sourceMappingURL=VariantThemeProvider.js.map

package/lib/controls/variantThemeProvider/VariantThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProvider.js","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAEjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAC/G,OAAO,EAA6B,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAErF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAgC;IACjE,IAAM,YAAY,GAAG,WAAW,CAC5B;QACI,IAAI,kBAAkB,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;QACpF,IAAI,YAAoC,CAAC;QAEzC,IAAI,KAAK,CAAC,WAAW,EAAE;YACnB,YAAY,GAAG,uBAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;SAC1I;aAAM;YACH,IAAI,KAAK,CAAC,KAAK,EAAE;gBACb,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;aAC9B;iBAAM;gBACH,YAAY,GAAG,eAAe,EAAE,CAAC;aACpC;SACJ;QAED,IAAI,mBAAmB,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC;YAC7D,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;QAE7D,OAAO,mBAAmB,CAAC;IAC/B,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEzD,OAAO,CACH,oBAAC,aAAa,eACN,KAAK,IACT,KAAK,EAAE,YAAY,EAAE,KACpB,KAAK,CAAC,QAAQ,CACH,CACnB,CAAC;AACN,CAAC,CAAC"}

package/lib/controls/variantThemeProvider/VariantThemeProviderHelpers.d.ts

@@ -0,0 +1,6 @@
+import { IPartialTheme, ITheme } from "office-ui-fabric-react/lib/Styling";
+import { VariantType } from "./VariantThemeProviderProps";
+export declare const generateThemeVariant: (theme: IPartialTheme | ITheme, themeType: VariantType) => IPartialTheme | ITheme;
+export declare const getDefaultTheme: () => ITheme;
+export declare const generateThemeFromColors: (primaryColor: string, textColor: string, backgroundColor: string) => ITheme;
+//# sourceMappingURL=VariantThemeProviderHelpers.d.ts.map

package/lib/controls/variantThemeProvider/VariantThemeProviderHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProviderHelpers.d.ts","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProviderHelpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAyB,aAAa,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAElG,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,eAAO,MAAM,oBAAoB,UAAW,aAAa,GAAG,MAAM,aAAa,WAAW,KAAG,aAAa,GAAG,MAiB5G,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,MAYlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,aAAa,MAAM,mBAAmB,MAAM,KAAG,MAuC1G,CAAC"}

package/lib/controls/variantThemeProvider/VariantThemeProviderHelpers.js

@@ -0,0 +1,59 @@
+import { getNeutralVariant, getSoftVariant, getStrongVariant } from "@fluentui/scheme-utilities/lib/variants";
+import { getColorFromString, isDark } from "office-ui-fabric-react/lib/Color";
+import { createTheme, getTheme } from "office-ui-fabric-react/lib/Styling";
+import { BaseSlots, ThemeGenerator, themeRulesStandardCreator } from "office-ui-fabric-react/lib/ThemeGenerator";
+import { VariantType } from "./VariantThemeProviderProps";
+export var generateThemeVariant = function (theme, themeType) {
+    var currentTheme;
+    switch (themeType) {
+        case VariantType.None:
+            currentTheme = theme;
+            break;
+        case VariantType.Neutral:
+            currentTheme = getNeutralVariant(theme);
+            break;
+        case VariantType.Soft:
+            currentTheme = getSoftVariant(theme);
+            break;
+        case VariantType.Strong:
+            currentTheme = getStrongVariant(theme);
+            break;
+        default:
+            currentTheme = theme;
+            break;
+    }
+    return currentTheme;
+};
+export 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;
+};
+export var generateThemeFromColors = function (primaryColor, textColor, backgroundColor) {
+    var themeRules = themeRulesStandardCreator();
+    var colors = {
+        primaryColor: getColorFromString(primaryColor),
+        textColor: getColorFromString(textColor),
+        backgroundColor: getColorFromString(backgroundColor),
+    };
+    var currentIsDark = isDark(themeRules[BaseSlots[BaseSlots.backgroundColor]].color);
+    ThemeGenerator.insureSlots(themeRules, currentIsDark);
+    ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.primaryColor]], colors.primaryColor, currentIsDark, true, true);
+    ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.foregroundColor]], colors.textColor, currentIsDark, true, true);
+    ThemeGenerator.setSlot(themeRules[BaseSlots[BaseSlots.backgroundColor]], colors.backgroundColor, currentIsDark, true, true);
+    var themeAsJson = ThemeGenerator.getThemeAsJson(themeRules);
+    var generatedTheme = createTheme({
+        palette: themeAsJson,
+        isInverted: currentIsDark,
+    });
+    return generatedTheme;
+};
+//# sourceMappingURL=VariantThemeProviderHelpers.js.map

package/lib/controls/variantThemeProvider/VariantThemeProviderHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProviderHelpers.js","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProviderHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC9G,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAyB,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACjH,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAA6B,EAAE,SAAsB;IACtF,IAAI,YAAoC,CAAC;IAEzC,QAAQ,SAAS,EAAE;QACf,KAAK,WAAW,CAAC,IAAI;YAAE,YAAY,GAAG,KAAK,CAAC;YACxC,MAAM;QACV,KAAK,WAAW,CAAC,OAAO;YAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC9D,MAAM;QACV,KAAK,WAAW,CAAC,IAAI;YAAE,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YACxD,MAAM;QACV,KAAK,WAAW,CAAC,MAAM;YAAE,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC5D,MAAM;QACV;YAAS,YAAY,GAAG,KAAK,CAAC;YAC1B,MAAM;KACb;IAED,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG;;IAC3B,IAAI,YAAY,CAAC;IACjB,IAAM,qBAAqB,eAAS,MAAc,0CAAE,cAAc,0CAAE,KAAK,CAAC;IAC1E,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;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,YAAoB,EAAE,SAAiB,EAAE,eAAuB;IACpG,IAAM,UAAU,GAAG,yBAAyB,EAAE,CAAC;IAC/C,IAAM,MAAM,GAAG;QACX,YAAY,EAAE,kBAAkB,CAAC,YAAY,CAAE;QAC/C,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAE;QACzC,eAAe,EAAE,kBAAkB,CAAC,eAAe,CAAE;KACxD,CAAC;IACF,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,KAAM,CAAC,CAAC;IAEtF,cAAc,CAAC,WAAW,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACtD,cAAc,CAAC,OAAO,CAClB,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAC7C,MAAM,CAAC,YAAY,EACnB,aAAa,EACb,IAAI,EACJ,IAAI,CACP,CAAC;IACF,cAAc,CAAC,OAAO,CAClB,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EAChD,MAAM,CAAC,SAAS,EAChB,aAAa,EACb,IAAI,EACJ,IAAI,CACP,CAAC;IACF,cAAc,CAAC,OAAO,CAClB,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,EAChD,MAAM,CAAC,eAAe,EACtB,aAAa,EACb,IAAI,EACJ,IAAI,CACP,CAAC;IAEF,IAAM,WAAW,GAA+B,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC1F,IAAM,cAAc,GAAG,WAAW,CAAC;QAC/B,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,aAAa;KAC5B,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC"}

package/lib/controls/variantThemeProvider/VariantThemeProviderProps.d.ts

@@ -0,0 +1,17 @@
+import { ThemeProviderProps } from "@fluentui/react-theme-provider/lib/ThemeProvider.types";
+export interface VariantThemeProviderProps extends ThemeProviderProps {
+    variantType?: VariantType;
+    themeColors?: IThemeColors;
+}
+export declare enum VariantType {
+    None = 0,
+    Neutral = 1,
+    Soft = 2,
+    Strong = 3
+}
+export interface IThemeColors {
+    primaryColor: string;
+    textColor: string;
+    backgroundColor: string;
+}
+//# sourceMappingURL=VariantThemeProviderProps.d.ts.map

package/lib/controls/variantThemeProvider/VariantThemeProviderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProviderProps.d.ts","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAE5F,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACjE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC;CAC9B;AAED,oBAAY,WAAW;IACnB,IAAI,IAAA;IACJ,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,MAAM,IAAA;CACT;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;CAC3B"}

package/lib/controls/variantThemeProvider/VariantThemeProviderProps.js

@@ -0,0 +1,8 @@
+export var VariantType;
+(function (VariantType) {
+    VariantType[VariantType["None"] = 0] = "None";
+    VariantType[VariantType["Neutral"] = 1] = "Neutral";
+    VariantType[VariantType["Soft"] = 2] = "Soft";
+    VariantType[VariantType["Strong"] = 3] = "Strong";
+})(VariantType || (VariantType = {}));
+//# sourceMappingURL=VariantThemeProviderProps.js.map

package/lib/controls/variantThemeProvider/VariantThemeProviderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantThemeProviderProps.js","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/VariantThemeProviderProps.ts"],"names":[],"mappings":"AAOA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACnB,6CAAI,CAAA;IACJ,mDAAO,CAAA;IACP,6CAAI,CAAA;IACJ,iDAAM,CAAA;AACV,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB"}

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

@@ -0,0 +1,4 @@
+export * from './VariantThemeProvider';
+export * from './VariantThemeProviderHelpers';
+export * from './VariantThemeProviderProps';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC"}

package/lib/controls/variantThemeProvider/index.js

@@ -0,0 +1,4 @@
+export * from './VariantThemeProvider';
+export * from './VariantThemeProviderHelpers';
+export * from './VariantThemeProviderProps';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/variantThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC"}