@pnp/spfx-controls-react 3.26.0-beta.3381821 → 3.26.0-beta.3386305

package/lib-commonjs/controls/progress/Progress.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/progress/Progress.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACI;EACA;;AAEA;EACI;;AACA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;;AACA;EACI;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAMZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.progress {\n    display: flex;\n    flex-direction: column;\n\n    .header {\n        margin: 12px 0 20px;\n        .title {\n            font-weight: 600;\n        }\n\n        .progressIndicator {\n            margin-top: 10px;\n        }\n\n        .progressSubtext {\n            font-size: 12px;\n        }\n\n        .longRunningText {\n            font-size: 12px;\n            color: \"[theme: bodySubtext, default: #666666]\";\n            margin: 12px 0 0;\n        }\n    }\n\n    .actionsContainer {\n        overflow-y: auto;\n        margin-bottom: 20px;\n        .actionContainer {\n            margin-bottom: 20px;\n\n            .actionHeader {\n                display: flex;\n\n                .actionIcon {\n                    margin-right: 8px;\n                    line-height: 16px;\n                    font-size: 16px;\n                    flex-shrink: 0;\n                    font-weight: 700;\n\n                    &.successIcon {\n                        color: \"[theme: accent, default: #038387]\";    \n                    }\n\n                    &.errorIcon {\n                        color: \"[theme: errorText, default: #a80000]\";\n                    }\n\n                    &.inactiveIcon {\n                        color: \"[theme: disableSubtext, default: #d0d0d0]\"\n                    }\n                }\n            \n                .spinner {\n                    display: inline-block;\n                }\n                .label {\n                    font-size: 14px;\n                    flex-shrink: 1;\n                    flex-grow: 1;\n                    flex-basis: 0;\n                    overflow-wrap: break-word;\n                    word-wrap: break-word;\n                    line-height: 16px;\n                    color: \"[theme: bodyText, default: #333333]\";\n\n                    &.inactive {\n                        color: \"[theme: disabledBodyText, default: #a6a6a6]\";\n                    }\n\n                }\n            }\n\n            .errorContainer {\n                margin-top: 8px;\n\n                .errorMessage {\n                    margin-left: 24px;\n                    color: \"[theme: errorText, default: #a80000]\";\n                    line-height: 14px;\n                    font-size: 14px;\n                    font-weight: 700;\n                    padding: 0;\n                }\n            }\n\n            .subActionsContainer {\n                margin-top: 8px;\n\n                .label {\n                    color: \"[theme: bodySubtext, default: #666666]\";\n                    margin-left: 24px;\n                    font-size: 11px;\n\n                    &.inactive {\n                        color: \"[theme: disabledBodySubtext, default: #666666]\";\n                    }\n                }\n            }\n        }\n    }\n}"],"file":"Progress.module.scss.css"}

package/lib-commonjs/controls/richText/RichText.module.scss.css

@@ -384,4 +384,5 @@
 :global .pnp-richtext-quill-container div#DropDownLists-list .ms-Dropdown-item.is-selected:hover {
   background-color: "[theme:themePrimary, default:#0078d4]" !important;
   color: "[theme:neutralLighterAlt, default:#faf9f8]" !important;
-}
+}
+/*# sourceMappingURL=RichText.module.scss.css.map */

package/lib-commonjs/controls/richText/RichText.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/richText/RichText.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;;;AAKE;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMR;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAKA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAKE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;;AAIJ;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACE;;AACA;EACE;;AAKN;AAAA;EAEE;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.richtext {\n  color: inherit;\n}\n\n.insertLinkDialog {\n  :global {\n    .ms-Dialog-main {\n      max-width: 540px;\n      width: 540px;\n    }\n  }\n\n  .actions {\n    position: relative;\n    width: 100%;\n    min-height: 24px;\n    line-height: 24px;\n    margin-top: 20px;\n    margin-right: 0px;\n    margin-bottom: 0px;\n    margin-left: 0px;\n    font-size: 0px;\n\n    .actionsRight {\n      text-align: right;\n      margin-right: -4px;\n      font-size: 0px;\n\n      .action {\n        margin-top: 0px;\n        margin-right: 4px;\n        margin-bottom: 0px;\n        margin-left: 4px;\n      }\n\n      .unlinkButton {\n        margin-top: 4px;\n        font-size: 14px;\n        float: left;\n      }\n    }\n  }\n}\n\n.headerDropDown {\n  width: 160px;\n}\n\n.toolbarDropDown {\n  height: 34px;\n}\n.toolbarDropDownTitleIcon {\n  margin-top: -2px;\n  margin-right: 0px;\n}\n\n.toolbarDropDownIcon {\n  margin-top: -2px;\n  margin-right: 0px;\n  margin-left: -4px;\n}\n\n.toolbarDropDownOption {\n\n  &.toolbarButtonH2 {\n    font-size: 20px;\n    font-weight: 600;\n  }\n\n  &.toolbarButtonH3 {\n    font-size: 18px;\n    font-weight: 600;\n  }\n\n  &.toolbarButtonH4 {\n    font-size: 16px;\n    font-weight: 600;\n  }\n\n  &.toolbarButtonBlockQuote {\n    font-size: 16px;\n    font-style: italic;\n  }\n\n  &.toolbarButtonNormal {\n    font-size: 16px;\n  }\n}\n\n.toolbarSubmenuCaret {\n  display: inline-block;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 8px;\n  speak: none;\n  top: 50%;\n  color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n}\n\n.toolbarSubmenuDisplayButton {\n  width: 100%;\n}\n\n:global {\n  .pnp-richtext-quill-container {\n    .ql-toolbar {\n      background-color: transparent;\n      color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n      border: none;\n      display: none;\n\n      .ms-TooltipHost {\n        display: inline-block !important;\n      }\n\n      .ms-Dropdown-container {\n        display: inline-block !important;\n      }\n\n      .ms-Button {\n        background-color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n        color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\" !important;\n\n        &:hover {\n          background-color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n\n        &:focus {\n          border: 1px solid \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n          outline: 0;\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n\n        &:active {\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n\n        &.is-checked {\n          background-color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\" !important;\n        }\n      }\n      .ms-Dropdown-title {\n        background-color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n        color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\" !important;\n        border: none;\n        min-height: 34px;\n        padding-bottom: 0px;\n        padding-left: 9px;\n        padding-right: 20px;\n        padding-top: 2px;\n        -webkit-transition: all 0.3s;\n        transition: all 0.3s;\n        -webkit-transition-property: background-color, color;\n        border-radius: 0;\n\n        &:hover {\n          background-color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n\n        &:focus {\n          border: 1px solid \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n          outline: 0;\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n\n        &:active {\n          color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n        }\n      }\n\n      .ms-Dropdown-caretDownWrapper {\n        right: 4px;\n        margin-top: -1px;\n      }\n    }\n\n    .ql-snow.ql-toolbar button,\n    .ql-snow .ql-toolbar button {\n      background-color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n      color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\";\n      font-size: 16px;\n      min-width: 34px;\n      height: 34px;\n      padding-top: 4px;\n      padding-left: 8px;\n      padding-right: 8px;\n      border-radius: 0;\n    }\n\n    .ql-toolbar.ql-snow {\n      padding: 0px;\n      font-family: \"Segoe UI Web (West European)\", Segoe UI, -apple-system,\n        BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;\n      border: none;\n      margin-bottom: 2px;\n      z-index: 3;\n      -webkit-animation-name: ms-fadeIn, ms-slideUpIn10;\n      animation-name: ms-fadeIn, ms-slideUpIn10;\n      -webkit-animation-duration: 167ms;\n      animation-duration: 167ms;\n      -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n      animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n      -webkit-animation-fill-mode: both;\n      animation-fill-mode: both;\n      -webkit-transition: all 367ms cubic-bezier(0.1, 0.9, 0.2, 1);\n      transition: all 367ms cubic-bezier(0.1, 0.9, 0.2, 1);\n    }\n\n    .ql-snow.ql-toolbar:after,\n    .ql-snow .ql-toolbar:after {\n      clear: both;\n      content: \"\";\n      display: table;\n    }\n    .ql-container.ql-snow {\n      border: none;\n    }\n\n    .ql-active .ql-editor:hover {\n      border-width: 1px;\n      border-style: solid;\n      border-color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n    }\n\n    .ql-active .ql-editor:focus,\n    .ql-active .ql-editor:active,\n    .ql-active .ql-editor:active:hover {\n      border-width: 1px;\n      border-style: solid;\n      border-color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n    }\n\n    .ql-active .ql-toolbar {\n      display: inline-flex;\n      position: absolute;\n      top: -28px;\n      opacity: 1;\n      height: 34px;\n      -webkit-box-shadow: 0 0 5px 0 #c8c8c8;\n      box-shadow: 0px 0px 5px 0px #c8c8c8;\n    }\n\n    .ql-snow .ql-editor, .ql-editor{\n      // border: 1px solid transparent;\n      padding-left: 10px;\n      padding-right: 10px;\n      padding-top: 8px;\n      padding-bottom: 8px;\n      min-height: 68px;\n      font-family: \"Segoe UI Web (West European)\", Segoe UI, -apple-system,\n        BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;\n      font-size: 18px;\n\n      h2 {\n        font-weight: 600 !important;\n        font-size: 28px;\n      }\n\n      h3 {\n        font-size: 24px;\n        font-weight: 600 !important;\n      }\n\n      h4 {\n        font-size: 20px;\n        font-weight: 600 !important;\n      }\n\n      blockquote,\n      div,\n      h2,\n      h3,\n      h4,\n      ol,\n      p,\n      ul {\n        -webkit-font-smoothing: antialiased;\n        line-height: 1.3;\n        // margin: 0 0 16px;\n        word-wrap: break-word;\n      }\n\n      blockquote {\n        border-bottom-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n        border-bottom-style: solid;\n        border-bottom-width: 1px;\n        border-left-style: none;\n        border-left-width: 0;\n        border-left-color: transparent;\n        border-right-style: none;\n        border-right-width: 0;\n        border-right-color: transparent;\n        border-top-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n        border-top-style: solid;\n        border-top-width: 1px;\n        font-size: 20px;\n        font-style: italic;\n        font-weight: 600;\n        line-height: 1.3;\n        margin-bottom: 28px;\n        padding-bottom: 32px;\n        margin-top: 28px;\n        margin-right: 0px;\n        margin-left: 0px;\n        padding-left: 32px;\n        padding-right: 32px;\n        padding-top: 32px;\n        text-align: center;\n      }\n\n      .ql-size-xsmall {\n        font-size: 10px;\n      }\n\n      .ql-size-small {\n        font-size: 12px;\n      }\n\n      .ql-size-medium {\n        font-size: 14px;\n      }\n\n      .ql-size-mediumplus {\n        font-size: 16px;\n      }\n\n      .ql-size-large {\n        font-size: 18px;\n      }\n\n      .ql-size-xlarge {\n        font-size: 20px;\n      }\n\n      .ql-size-xlargeplus {\n        font-size: 24px;\n      }\n\n      .ql-size-xxlarge {\n        font-size: 28px;\n      }\n\n      .ql-size-xxxlarge {\n        font-size: 32px;\n      }\n\n      .ql-size-xxlargeplus {\n        font-size: 36px;\n      }\n\n      .ql-size-super {\n        font-size: 42px;\n      }\n\n      .ql-size-superlarge {\n        font-size: 68px;\n      }\n    }\n\n    @media screen and (min-width: 1024px) {\n      .ql-editor div,\n      .ql-editor ol,\n      .ql-editor p,\n      .ql-editor ul {\n        font-size: 18px;\n        font-weight: 400;\n        line-height: 1.3;\n      }\n    }\n\n    .ql-active .ql-editor {\n      // background-color: red;\n      color: inherit;\n    }\n\n    .ql-tooltip {\n      display: none !important;\n    }\n\n    .ql-editor.ql-blank::before {\n      font-style: normal;\n      color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 1.3;\n    }\n\n    // correct border/hover/active border, same as with other controls, no jumping\n    .quill {\n      .ql-editor {\n        border-width: 1px;\n        border-style: solid;\n        border-color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n        &:hover {\n          border-color: \"[theme:neutralDark, default:#{$ms-color-neutralDark}]\";\n        }\n        &:active::after, &:active:focus::after, &:active:hover::after, &:focus::after {\n          content: \"\";\n          pointer-events: none;\n          position: absolute;\n          border-style: solid;\n          border-width: 2px;\n          inset: -1px;\n          border-color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n          border-radius: 2px;\n        }\n      }\n    }\n\n    // hyperlink color on dark theme\n    .ql-editor {\n      a {\n        color: \"[theme:themePrimary, default: #{$ms-color-themePrimary}]\";\n        &:hover {\n          color: \"[theme:themeDarker, default: #{$ms-color-themeDarker}]\";\n        }\n      }\n    }\n\n    .ql-editor ol li:not(.ql-direction-rtl),\n    .ql-editor ul li:not(.ql-direction-rtl) {\n      padding-left: 0;\n    }\n\n    div#DropDownStyles-list, div#DropDownAlign-list, div#DropDownLists-list {\n      .ms-Dropdown-item {\n        background-color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\" !important;\n        color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\" !important;\n        -webkit-transition: all 0.3s;\n        transition: all 0.3s;\n        -webkit-transition-property: background-color, color;\n      }\n\n      .ms-Dropdown-item:hover {\n        background-color: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\" !important;\n        color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\" !important;\n        cursor: pointer;\n      }\n\n      .ms-Dropdown-item.is-selected,\n      .ms-Dropdown-item.is-selected:hover {\n        background-color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\" !important;\n        color: \"[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]\" !important;\n      }\n    }\n  }\n}\n"],"file":"RichText.module.scss.css"}

package/lib-commonjs/controls/richText/RichTextPropertyPane.module.scss.css

@@ -92,4 +92,5 @@
   width: 300px;
   text-overflow: ellipsis;
   overflow: hidden;
-}
+}
+/*# sourceMappingURL=RichTextPropertyPane.module.scss.css.map */

package/lib-commonjs/controls/richText/RichTextPropertyPane.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/richText/RichTextPropertyPane.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n:export {\n  NeutralPrimary: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.richTextPropertyPane {\n  .formattingPaneTitle {\n    background-attachment: scroll;\n    background-clip: border-box;\n    background-color: \"[theme:neutralDark, default:#{$ms-color-neutralDark}]\";\n    background-image: none;\n    background-origin: padding-box;\n    background-position-x: 0%;\n    background-position-y: 0%;\n    background-repeat: repeat;\n    background-size: auto;\n    display: flex;\n    padding-bottom: 12px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-top: 10px;\n    color: \"[theme:white, default:#{$ms-color-white}]\";\n    font-family: \"Segoe UI Web (West European)\", Segoe UI, -apple-system,\n      BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;\n    font-size: 21px;\n    font-weight: 100;\n    line-height: 25.2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .propertyPaneGroupContent {\n    padding: 0 20px 16px;\n  }\n\n  .controlsInOneRow {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .propertyPaneClose {\n    margin-left: auto;\n    background-color: transparent;\n    border: none;\n    color: \"[theme:white, default:#{$ms-color-white}]\";\n    cursor: pointer;\n    font-size: 20px;\n    padding: 0;\n    min-width: 0px;\n  }\n\n  :global {\n    .ms-Panel-content {\n      padding-top: 0px;\n      padding-right: 0px;\n      padding-bottom: 16px;\n      padding-left: 0px;\n    }\n\n    .ms-Panel-contentInner {\n      top: 67px;\n    }\n  }\n}\n\n.propertyPaneButton {\n  width: 40px;\n  height: 40px;\n  padding: 0;\n\n  &:hover {\n    background-color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n    color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n  }\n\n  &:global(.is-checked) {\n    color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n  }\n\n  &:global(.is-disabled) {\n    background-color: \"[theme:white, default:#{$ms-color-white}]\";\n  }\n}\n\n.propertyPaneGroupField {\n  padding-top: 4px;\n  color: \"[theme:neutralPrimaryAlt, default:#{$ms-color-neutralPrimaryAlt}]\";\n  word-wrap: break-word;\n}\n\n.propertyPaneGroupHeaderNoAccordion {\n  font-size: 14px;\n  font-weight: 400;\n  font-weight: 600;\n  color: \"[theme:neutralPrimaryAlt, default:#{$ms-color-neutralPrimaryAlt}]\";\n  padding-right: 0;\n  // padding-left: 20px;\n  text-align: left;\n  height: 40px;\n  line-height: 40px;\n  padding-top: 4px;\n  width: 300px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n"],"file":"RichTextPropertyPane.module.scss.css"}

package/lib-commonjs/controls/richText/RteColorPicker.module.scss.css

@@ -143,4 +143,5 @@
   border-style: solid;
   border-image: initial;
   border-color: rgb(200, 200, 200);
-}
+}
+/*# sourceMappingURL=RteColorPicker.module.scss.css.map */

package/lib-commonjs/controls/richText/RteColorPicker.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/richText/RteColorPicker.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n:export {\n  ThemeColorDarker: \"[theme:themeDarker, default:#{$ms-color-themeDarker}]\";\n  ThemeColorDark: \"[theme:themeDark, default:#{$ms-color-themeDark}]\";\n  ThemeColorDarkAlt: \"[theme:themeDarkAlt, default:#{$ms-color-themeDarkAlt}]\";\n  ThemeColorPrimary: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n  ThemeColorSecondary: \"[theme:themeSecondary, default:#{$ms-color-themeSecondary}]\";\n  ThemeColorTertiary: \"[theme:neutralTertiary, default:#{$ms-color-neutralTertiary}]\";\n  ThemeColorNeutralSecondary:\"[theme:neutralSecondary, default:#{$ms-color-neutralSecondary}]\";\n  ThemeColorNeutralPrimaryAlt: \"[theme:neutralPrimaryAlt, default:#{$ms-color-neutralPrimaryAlt}]\";\n  ThemeColorNeutralPrimary: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n  ThemeColorNeutralDark:\"[theme:neutralDark, default:#{$ms-color-neutralDark}]\"\n}\n\n.colorPickerButton {\n  background: 0 0;\n  padding-left: 4px;\n  padding-right: 12px;\n  background-color: \"[theme: white, default: #{$ms-color-white}]\";\n}\n\n.previewSvg {\n  width: 20px;\n  height: 20px;\n\n  &.border {\n    border: 1px solid \"[theme: black, default: #{$ms-color-black}]\";\n  }\n}\n\n.previewRectangle {\n  width: 100%;\n  height: 100%;\n}\n\n.buttonLabel {\n  padding-left: 10px;\n}\n\n.previewIcon {\n  padding-left: 7px;\n  font-size: 7px;\n  padding-top: 8px;\n}\n\n.pickerCallout {\n  width: 166px;\n  &:global(.ms-Callout-main) {\n    background-color: \"[theme:white, default: #{$ms-color-white}]\";\n    overflow-x: hidden;\n    overflow-y: auto;\n    position: relative;\n  }\n}\n\n.defaultSvg {\n  padding: 2px;\n  &.fillThemeColor {\n    fill: #333;\n    border: none;\n  }\n\n  &.border {\n    border: 1px solid \"[theme:black, default: #{$ms-color-black}]\";\n  }\n\n  &.fillDefaultColor {\n    fill: #fff;\n  }\n}\n\n.pickerLabel {\n  display: block;\n  margin-left: 6px;\n}\n\n.focusedContainer {\n  clear: both;\n  display: block;\n  min-width: 180px;\n}\n\n.tableRoot {\n  padding-top: 2px;\n  padding-right: 2px;\n  padding-bottom: 2px;\n  padding-left: 2px;\n  outline: none;\n  display: table;\n  border-collapse: separate;\n  border-spacing: 2px;\n  border-color: grey;\n}\n\n.tableCell {\n  padding-top: 0px;\n  padding-right: 0px;\n  padding-bottom: 0px;\n  padding-left: 0px;\n}\n\n.colorCell {\n  position: relative;\n  font-family: \"Segoe UI\", \"Segoe UI Web (West European)\", \"Segoe UI\",\n    -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  font-size: 14px;\n  font-weight: 400;\n  box-sizing: border-box;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  vertical-align: top;\n  padding-top: 0px;\n  padding-right: 0px;\n  padding-bottom: 0px;\n  padding-left: 0px;\n  height: 40px;\n  color: rgb(51, 51, 51);\n  user-select: none;\n  outline: transparent;\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  border-image: initial;\n  text-decoration: none;\n  border-radius: 0px;\n  overflow: visible;\n  background: transparent;\n\n  & .svg {\n    width: 20px;\n    height: 20px;\n    padding-top: 4px;\n    padding-right: 4px;\n    padding-bottom: 4px;\n    padding-left: 4px;\n    box-sizing: content-box;\n    &:hover, &.selected {\n      box-shadow: rgb(150, 150, 150) 0px 0px 0px 1px;\n      width: 12px;\n      height: 12px;\n      border-width: 4px;\n      border-style: solid;\n      border-image: initial;\n      border-color: rgb(200, 200, 200);\n    }\n  }\n}\n"],"file":"RteColorPicker.module.scss.css"}

package/lib-commonjs/controls/siteBreadcrumb/SiteBreadcrumb.module.scss.css

@@ -15,4 +15,5 @@
 }
 .breadcrumb .breadcrumbLinks ol li i {
   font-size: 10px;
-}
+}
+/*# sourceMappingURL=SiteBreadcrumb.module.scss.css.map */

package/lib-commonjs/controls/siteBreadcrumb/SiteBreadcrumb.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/siteBreadcrumb/SiteBreadcrumb.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFE;EACE;;AAGF;EACE;;AAMI;EACE;;AACA;EACE;;AAGJ;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.breadcrumb {\n  >div {\n    padding-left: 7px;\n  }\n\n  div[role=\"navigation\"] {\n    margin-top: 0;\n  }\n\n  .breadcrumbLinks {\n    ol {\n      li {\n        a {\n          font-size: 14px;\n          &:hover {\n            background-color: #fff;\n          }\n        }\n        i {\n          font-size: 10px;\n        }\n      }\n    }\n  }\n}\n"],"file":"SiteBreadcrumb.module.scss.css"}

package/lib-commonjs/controls/taxonomyPicker/TaxonomyPicker.module.scss.css

@@ -142,4 +142,5 @@
 .errorIcon {
   font-size: 14px;
   margin-right: 5px;
-}
+}
+/*# sourceMappingURL=TaxonomyPicker.module.scss.css.map */

package/lib-commonjs/controls/taxonomyPicker/TaxonomyPicker.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/taxonomyPicker/TaxonomyPicker.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKF;EACE;;;AAIJ;EAEE;;;AAEA;EAEE;EACA;EACA;EACA;;AAGA;EAEE;EACA;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.contextualMenu {\n  display: inline-block\n}\n\n.listItem {\n  min-height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n\n  >div {\n    display: inline-block;\n    margin-right: 10px;\n  }\n\n  img {\n    margin-right: 5px;\n    vertical-align: middle;\n  }\n}\n\n.termField {\n  align-items: center;\n  border-spacing: 0;\n  display: flex;\n  width: 100%;\n\n  .termFieldInput {\n    flex-grow: 1;\n  }\n\n  .termFieldButton {\n    text-align: center;\n    width: 42px;\n  }\n\n  input[type=\"text\"] {\n    cursor: pointer;\n    opacity: 0.8;\n    width: 100%;\n  }\n}\n\n.termset {\n  cursor: pointer;\n  margin-left: 15px;\n}\n\n.termSetSelectable {\n  height: 50px;\n  line-height: 50px;\n}\n\n.termSetSelector {\n  display: inline-block;\n  margin: 0 8px 0 4px;\n  vertical-align: middle;\n}\n\n.term {\n  padding-left: 20px;\n\n  .termEnabled,\n  .termDisabled,\n  .termNoTagging {\n    background-repeat: no-repeat;\n    background-position: 30px center;\n  }\n\n  .termEnabled {\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACzSURBVDhPY2AYNKCoqIgTiOcD8X8S8F6wB4Aa1IH4akNDw+mPHz++/E8EuHTp0jmQRSDNCcXFxa/XrVt3gAh9KEpgBvx/9OjRLVI1g9TDDYBp3rlz5//Kysr/IJoYgGEASPPatWsbQDQxAMOAbdu2gZ0FookBcAOePHlyhxgN6GqQY+Hdhg0bDpJqCNgAaDrQAnJuNDY2nvr06dMbYgw6e/bsabgBUEN4yEiJ2wdNViLfIQC3sTh2vtJcswAAAABJRU5ErkJggg=='); // /_layouts/15/Images/EMMTerm.png\n  }\n\n  .termDisabled {\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFMSURBVDhPzZPNSsNAFIULQqEQEPoSQqAg7gqC0HdwXxAElyYgBBGSZ+gDdOUyIauULATdKrgIKCKuQjbiDySCkNV4TrkzpJW2cefAxwwzc86de2em0/k3zXGcHpgC9Qeu5glAsAMefN+/K8vyVbVoWZbdMxDFY9d136Ioum6hW9iiDVSe588rxDXmJ+AAdAWOOVcbAy1O01R5nqfYoxVglyk+Hu7Z4FiwOcc1GBRMwQSnOAxDHz0jDyCwwCVQS3DO0gU0BkmSzG8A/UQiz7DxC5yLGQ1PwDeYGYOiKF6WarCPDUOJeor+A4z0m8P4SNaG+hY+4zi+aZh0scEBNeB41DTBuCcGjj6FjaM/BUFwW1XVO6vdMNiSdIzJLwN5TJZ+iSLQKYwbR9cmZyaFdX+JhZIiMue+cLFQxA0G22uusd/6I8OEb4LXRwZN4Q+3Ys8Mb9+nRgAAAABJRU5ErkJggg=='); // /_layouts/15/Images/EMMTermDeprecated.png\n  }\n\n  .termNoTagging {\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZBJREFUeNqkU0trwkAQnhURBBFPKghekuJN7KW9pOCj0Agl9/4uT/6BHgXpxQfxYKltKEYhV3tXFF/4RrOdXYgkxpz8YA47O983O9+whFIKt8DvddHv9wej0UjY7/dwPB55sGaJRKImSVLxXMiSl9Hr9fRWq0WvoVKpUFVVv6xaF1nX9R+LvFqteKAgrVarVNM0fi6Xy9Sq99mfjeTv2Wz2mMvlYL1en/OGYYCiKKTT6fAzG8flQbfb1ReLxX0+n4fJZOLwQxRFKJVKNJPJwHa7dZuI5I/lcsnJrHMwGHQUpdNpHp5bGI/Hr7IsA3Pc7/dcDEynU5jP5xAIBJwCpmmeN+IF9IaT0VA20p+V5yaGQqF2s9mE3W4Hh8PBFXZyLBbTstmsaAkQqyuu7nOz2UiCIEAkEoFwOMzz6A0n44YgHo8bhULBYQaxP7vRaLyjyFsqleIiDLbOAyTfXY5GLueu1+s1XNULE2Fg5Gg0qj4jrnlDrhmHIu3hcPh0Op0gmUz+IvfBy1xy62/0wY34F2AAKtctO7g/KgIAAAAASUVORK5CYII='); // /_layouts/15/Images/EMMTermDisabled.png\n  }\n\n  label>span {\n    padding-left: 25px;\n  }\n}\n\n.actions {\n  button:first-child {\n    margin-right: 15px;\n  }\n}\n\n.termBasePicker\n{\n  background-color: #fff;\n}\n  .termSuggestion\n  {\n    min-height: 40px;\n    width: 100%;\n    text-align: left;\n    cursor: pointer;\n\n\n    .termSuggestionSubTitle\n    {\n      font-size: 12px;\n      color: #666666;\n    }\n\n  }\n\n  .pickedTermRoot\n  {\n    position: relative;\n    outline: transparent;\n    box-sizing: content-box;\n    flex-shrink: 1;\n    background: #f4f4f4;\n    margin: 2px;\n    height: 26px;\n    line-height: 26px;\n    cursor: default;\n    display: flex;\n    flex-wrap: nowrap;\n    max-width: 300px;\n\n    .pickedTermText\n    {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      min-width: 30px;\n      margin: 0 8px;\n    }\n    .pickedTermCloseIcon\n    {\n      cursor: pointer;\n    color: #666666;\n    font-size: 12px;\n    display: inline-block;\n    text-align: center;\n    vertical-align: top;\n    width: 30px;\n    height: 100%;\n    -ms-flex-negative: 0;\n    flex-shrink: 0;\n    }\n  }\n\n  .errorMessage {\n    font-size: 12px;\n    font-weight: 400;\n    color: #a80000;\n    margin: 0;\n    padding-top: 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  .errorIcon {\n    font-size: 14px;\n    margin-right: 5px;\n  }\n\n\n\n\n"],"file":"TaxonomyPicker.module.scss.css"}

package/lib-commonjs/controls/toolbar/Toolbar.module.scss.css

@@ -28,4 +28,5 @@
   .inFlowToolbarItemBox {
     margin-right: 0.5rem;
   }
-}
+}
+/*# sourceMappingURL=Toolbar.module.scss.css.map */

package/lib-commonjs/controls/toolbar/Toolbar.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/toolbar/Toolbar.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.toolbarButtonStyles {\n  padding: .5rem;\n  border-width: 1px;\n  margin-top: 0;\n  margin-bottom: 0;\n  height: 3rem!important;\n  min-width: 0;\n\n  &:focus:before {\n    top: calc(.5rem - 1px);\n    bottom: calc(.5rem - 1px);\n  }\n\n  &:focus:after {\n    top: calc(.5rem - 1px);\n    bottom: calc(.5rem - 1px);\n  }\n}\n\n.inFlowToolbarItemBox {\n  width: 1rem;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n\n  @media (min-width: 640px) {\n    margin-right: .5rem,\n  }\n}\n"],"file":"Toolbar.module.scss.css"}

package/lib-commonjs/controls/toolbar/toolbar.css.css

@@ -21,4 +21,5 @@
   /* ⚠️ these rules are not ultimately applied when provided in `styles` prop */
   top: calc(0.5rem - 1px) !important;
   bottom: calc(0.5rem - 1px) !important;
-}
+}
+/*# sourceMappingURL=toolbar.css.css.map */

package/lib-commonjs/controls/toolbar/toolbar.css.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/controls/toolbar/toolbar.css"],"names":[],"mappings":";AAAA;AACM;EACA;EACA;;;AAGN;AACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM;EACA;EACA","sourcesContent":[".extended-toolbar__filters-menu .ui-tree__title__selection-indicator {\n      /* ⚠️ `selectionIndicator` does not apply `styles` prop provided */\n      flex: 0 0 auto;\n      -webkit-flex: 0 0 auto;\n    }\n\n.extended-toolbar .ui-toolbar__menu {\n    /* ⚠️ `overflowItem` does not apply `offset` prop provided */\n    top: .25rem !important;\n  }\n\n.extended-toolbar .extended-toolbar__filters-invoker:focus::before,\n.extended-toolbar .extended-toolbar__filters-invoker:focus::after,\n.extended-toolbar .extended-toolbar__find-invoker:focus::before,\n.extended-toolbar .extended-toolbar__find-invoker:focus::after,\n.extended-toolbar .extended-toolbar__find-cancel:focus::before,\n.extended-toolbar .extended-toolbar__find-cancel:focus::after,\n.extended-toolbar .ui-toolbar__item:focus::before,\n.extended-toolbar .ui-toolbar__item:focus::after {\n      /* ⚠️ these rules are not ultimately applied when provided in `styles` prop */\n      top: calc(.5rem - 1px) !important;\n      bottom: calc(.5rem - 1px) !important;\n  }\n"],"file":"toolbar.css.css"}

package/lib-commonjs/controls/treeView/TreeView.module.scss.css

@@ -83,4 +83,5 @@
 }
 .treeView .tree .blankspace {
   padding-left: 35px;
-}
+}
+/*# sourceMappingURL=TreeView.module.scss.css.map */

package/lib-commonjs/controls/treeView/TreeView.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/treeView/TreeView.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;;AAMJ;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAOJ;EACE;;AAGF;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.treeView {\n  padding: 15px;\n\n  .listItem {\n    display: flex;\n    margin-top: 6px;\n    align-items: flex-start;\n  }\n\n  .treeSelector {\n    vertical-align: middle;\n    margin: 4px 4px 0 0;\n    cursor: pointer;\n\n    &>button {\n      height: 20px;\n      width: 20px;\n      padding: 0;\n    }\n  }\n\n  .itemContent {\n    cursor: pointer;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    padding: 4px;\n\n    &.disabled {\n      cursor: default;\n      color: var(--treeview-disabledBodyText);\n\n      .labels {\n        .itemSubLabel {\n          color: var(--treeview-disabledSubtext);\n        }\n      }\n    }\n\n    &.noCheckBox:not(.disabled) {\n      &:hover {\n        background-color: var(--treeview-listItemBackgroundHovered);\n      }\n\n      &.checked {\n        background-color: var(--treeview-listItemBackgroundChecked);\n      }\n    }\n\n    .checkbox {\n      margin-right: 8px;\n    }\n\n    .icon {\n      height: 18px;\n      line-height: 18px;\n    }\n\n    .labels {\n      line-height: 18px;\n\n      .itemLabel {\n        padding: 0;\n      }\n\n      .itemSubLabel {\n        font-size: 12px;\n        color: var(--treeview-bodySubtext);\n      }\n    }\n  }\n\n  .itemMenu {\n    display: flex;\n    margin-left: 8px;\n\n    .actionMore {\n      width: 14px;\n      height: 20px;\n      padding: 0;\n    }\n\n    .actionButton {\n      height: 20px;\n      padding: 0;\n      background-color: transparent;\n\n      &:hover {\n        background-color: var(--treeview-buttonBackgroundHovered);\n        color: var(--treeview-buttonTextHovered);\n      }\n\n      &:pressed {\n        background-color: var(--treeview-buttonBackgroundPressed);\n        color: var(--treeview-buttonTextPressed);\n      }\n    }\n  }\n\n  .tree {\n\n    label>span {\n      padding-left: 0px;\n    }\n\n    .blankspace {\n      padding-left: 35px;\n    }\n  }\n}\n"],"file":"TreeView.module.scss.css"}

package/lib-commonjs/controls/viewPicker/ViewPicker.module.scss.css

@@ -5,4 +5,5 @@
   float: right;
   margin-top: 10px;
   margin-right: -20px;
-}
+}
+/*# sourceMappingURL=ViewPicker.module.scss.css.map */

package/lib-commonjs/controls/viewPicker/ViewPicker.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/viewPicker/ViewPicker.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFI;EACI;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.viewPicker {\n    .spinner {\n        float: right;\n        margin-top: 10px;\n        margin-right: -20px;\n    }\n}"],"file":"ViewPicker.module.scss.css"}

package/lib-commonjs/controls/webPartTitle/WebPartTitle.module.scss.css

@@ -47,4 +47,5 @@
 }
 .webPartTitle .moreLink {
   margin-bottom: 11px;
-}
+}
+/*# sourceMappingURL=WebPartTitle.module.scss.css.map */

package/lib-commonjs/controls/webPartTitle/WebPartTitle.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/webPartTitle/WebPartTitle.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAQF;EACE;;AAIJ;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.webPartHeader {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: baseline;\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}\n\n.webPartTitle {\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 11px;\n  //color: \"[theme:neutralPrimary, default: #333333]\";\n  -webkit-box-flex: 1;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n\n  // Edit mode\n  textarea {\n    background-color: transparent;\n    border: none;\n    box-sizing: border-box;\n    color: inherit;\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: 400;\n    height: 40px;\n    line-height: inherit;\n    margin: 0;\n    outline: 0;\n    overflow: hidden;\n    resize: none;\n    text-align: inherit;\n    white-space: pre;\n    width: 100%;\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n      color: \"[theme:inputPlaceholderText, default: #605e5c]\";\n    }\n  }\n\n  // View mode\n  span {\n    // Nothing at the moment\n\n    a:link {\n      text-decoration: none;\n    }\n  }\n\n  .moreLink {\n    margin-bottom: 11px;\n  }\n}\n"],"file":"WebPartTitle.module.scss.css"}

package/lib-commonjs/extensions/ootbFields/components/Customizer/OotbFields.module.scss.css

@@ -4,4 +4,5 @@
 .OotbFields .cell {
   background-color: "[theme:themePrimary, default:#e5e5e5]";
   display: "inline-block";
-}
+}
+/*# sourceMappingURL=OotbFields.module.scss.css.map */

package/lib-commonjs/extensions/ootbFields/components/Customizer/OotbFields.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/extensions/ootbFields/components/Customizer/OotbFields.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFE;EACE;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.OotbFields {\n  .cell {\n    background-color: \"[theme:themePrimary, default:#e5e5e5]\";\n    display: 'inline-block';\n  }\n}\n"],"file":"OotbFields.module.scss.css"}

package/lib-commonjs/extensions/testApp/TestApp.module.scss.css

@@ -1,3 +1,4 @@
 /*
   Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
-*/
+*/
+/*# sourceMappingURL=TestApp.module.scss.css.map */

package/lib-commonjs/extensions/testApp/TestApp.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n"],"file":"TestApp.module.scss.css"}

package/lib-commonjs/extensions/testForm/components/TestForm.module.scss.css

@@ -5,4 +5,5 @@
   background-color: "[theme:white, default:#ffffff]";
   color: "[theme:themePrimary, default:#0078d4]";
   padding: 0.5rem;
-}
+}
+/*# sourceMappingURL=TestForm.module.scss.css.map */

package/lib-commonjs/extensions/testForm/components/TestForm.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/extensions/testForm/components/TestForm.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.testForm {\n  background-color: \"[theme:white, default:#ffffff]\";\n  color: \"[theme:themePrimary, default:#0078d4]\";\n  padding: 0.5rem;\n}\n"],"file":"TestForm.module.scss.css"}

package/lib-commonjs/webparts/controlsTest/components/ControlsTest.module.scss.css

@@ -216,4 +216,5 @@
 }
 .dialogContainer .dialogFooter .loader {
   margin-top: 15px;
-}
+}
+/*# sourceMappingURL=ControlsTest.module.scss.css.map */

package/lib-commonjs/webparts/controlsTest/components/ControlsTest.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Animation.Mixins.scss","../../../../src/webparts/controlsTest/components/ControlsTest.module.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACDE;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACrGJ;EACE;EACA;;ACAF;EFuJE;;AEhJF;EFqJE;;ACzJF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;;AAEF;EACE;;AACA;EACE;EACA;;AAKN;EACE;EACA;EAEA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA,kBAhHa;EAiHb;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Outputs the keyframes used by the animation classes\r\n@mixin ms-motion-keyframes() {\r\n  @keyframes ms-motion-fadeIn {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-fadeOut {\r\n    from {\r\n      opacity: 1;\r\n    }\r\n    to {\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-scaleDownIn {\r\n    from {\r\n      transform: scale3d(1.15, 1.15, 1);\r\n    }\r\n    to {\r\n      transform: scale3d(1, 1, 1);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-scaleDownOut {\r\n    from {\r\n      transform: scale3d(1, 1, 1);\r\n    }\r\n    to {\r\n      transform: scale3d(0.9, 0.9, 1);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideLeftOut {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(-48px, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideRightOut {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(48px, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideLeftIn {\r\n    from {\r\n      transform: translate3d(48px, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideRightIn {\r\n    from {\r\n      transform: translate3d(-48px, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0px, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideUpOut {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0, -48px, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideDownOut {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0, 48px, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideUpIn {\r\n    from {\r\n      transform: translate3d(0, 48px, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes ms-motion-slideDownIn {\r\n    from {\r\n      transform: translate3d(0, -48px, 0);\r\n    }\r\n    to {\r\n      transform: translate3d(0px, 0, 0);\r\n    }\r\n  }\r\n}\r\n\r\n// Fades.\r\n@mixin ms-motion-fadeIn {\r\n  animation: ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-fadeOut {\r\n  animation: ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Scales.\r\n@mixin ms-motion-scaleDownIn {\r\n  animation: ms-motion-scaleDownIn $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n    ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-scaleDownOut {\r\n  animation: ms-motion-scaleDownOut $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n    ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Slides.\r\n@mixin ms-motion-slideLeftOut {\r\n  @include ms-LTR {\r\n    animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n      ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n      ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n}\r\n\r\n@mixin ms-motion-slideRightOut {\r\n  @include ms-LTR {\r\n    animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n      ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n      ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n}\r\n\r\n@mixin ms-motion-slideLeftIn {\r\n  @include ms-LTR {\r\n    animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n      ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n      ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n}\r\n\r\n@mixin ms-motion-slideRightIn {\r\n  @include ms-LTR {\r\n    animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n      ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n      ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n  }\r\n}\r\n\r\n@mixin ms-motion-slideUpOut {\r\n  animation: ms-motion-slideUpOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n    ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownOut {\r\n  animation: ms-motion-slideDownOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n    ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideUpIn {\r\n  animation: ms-motion-slideUpIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n    ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownIn {\r\n  animation: ms-motion-slideDownIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n    ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n$themePrimary: '[theme:themePrimary, default:#0078d7]';\n\n@include ms-motion-keyframes();\n\n.controlsTest {\n  .instruction {\n    animation-duration: $ms-motion-duration-4 !important;\n    animation-delay: 0.5s !important;\n    @include ms-motion-slideLeftIn;\n  }\n  .container {\n    padding: 10px;\n    max-width: 1200px;\n    margin: 0px auto 20px auto;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n  }\n\n  .toggleFilter {\n    display: flex;\n    float: left;\n    margin: 10px;\n  }\n\n  .controlFiltersContainer {\n    overflow: auto;\n    display: grid;\n    grid-template-columns: auto auto auto;\n  }\n\n  .row {\n    padding: 10px;\n    >div>div {\n      margin-bottom: 10px;\n    }\n  }\n\n  .listItem {\n    max-width: 715px;\n    margin: 5px auto 5px auto;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n  }\n\n  .button {\n    // Our button\n    text-decoration: none;\n    height: 32px; // Primary Button\n    min-width: 80px;\n    background-color: #0078d7;\n    border-color: #0078d7;\n    color: #ffffff; // Basic Button\n    outline: transparent;\n    position: relative;\n    font-family: \"Segoe UI WestEuropean\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n    font-size: 14px;\n    font-weight: 400;\n    border-width: 0;\n    text-align: center;\n    cursor: pointer;\n    display: inline-block;\n    padding: 0 16px;\n\n    .label {\n      font-weight: 600;\n      font-size: 14px;\n      height: 32px;\n      line-height: 32px;\n      margin: 0 4px;\n      vertical-align: top;\n      display: inline-block;\n    }\n  }\n\n  .siteBreadcrumb {\n    background-color: #0078d7;\n    margin-bottom: 10px;\n    i,\n    a {\n      color: #fff;\n    }\n    ol {\n      height: 30px;\n      a {\n        height: 100%;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .carouselContent {\n    height: 200px;\n    width: 80%;\n\n    color: darkblue;\n    font-style: italic;\n  }\n  .carouselButtonsContainer {\n    background-color: orange !important;\n    opacity: 0.3;\n  }\n\n  .carouselImageContent {\n    height: 400px;\n  }\n\n  .listViewWrapper {\n    height: 200px;\n  }\n}\n\n.dialogContainer {\n  border-top: 4px;\n  border-top-color: $themePrimary;\n  border-top-style: solid;\n  min-width: 400px;\n\n  .dialogContent {\n    text-align: center;\n    padding-bottom: 10px;\n    font-size: 1.125em;\n  }\n\n  .dialogFooter {\n    display: flex;\n    justify-content: center;\n    margin-top: 1.25em;\n\n    button {\n      min-width: 100px;\n      margin: 0px 10px;\n    }\n\n    .loader{\n      margin-top: 15px;\n    }\n  }\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n  [dir='ltr'] & {\r\n    @content;\r\n  }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n  [dir='rtl'] & {\r\n    @content;\r\n  }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n  @include ms-RTL {\r\n    direction: rtl;\r\n    unicode-bidi: bidi-override;\r\n  }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n  @if $alignment == left {\r\n    @include ms-LTR {\r\n      background-position: left;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      background-position: right;\r\n    }\r\n  } @else if $alignment == right {\r\n    @include ms-LTR {\r\n      background-position: right;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      background-position: left;\r\n    }\r\n  } @else {\r\n    background-position: $alignment;\r\n  }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n  border-color: $top $right $bottom $left;\r\n\r\n  @include ms-RTL {\r\n    border-color: $top $left $bottom $right;\r\n  }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n  @include ms-LTR {\r\n    border-left: $width $style $color;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-right: $width $style $color;\r\n  }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n  @include ms-LTR {\r\n    border-left-color: $color;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-right-color: $color;\r\n  }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n  @include ms-LTR {\r\n    border-left-style: $style;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-right-style: $style;\r\n  }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n  @include ms-LTR {\r\n    border-left-width: $width;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-right-width: $width;\r\n  }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n  border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n  @include ms-RTL {\r\n    border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n  }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n  @include ms-LTR {\r\n    border-right: $width $style $color;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-left: $width $style $color;\r\n  }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n  @include ms-LTR {\r\n      border-right-color: $color;\r\n  }\r\n\r\n  @include ms-RTL {\r\n      border-left-color: $color;\r\n  }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n  @include ms-LTR {\r\n    border-right-style: $style;\r\n  }\r\n  \r\n  @include ms-RTL {\r\n    border-left-style: $style;\r\n  }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n  @include ms-LTR {\r\n    border-right-width: $width;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    border-left-width: $width;\r\n  }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n  @if $side == left {\r\n    @include ms-LTR {\r\n      clear: $side;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      clear: right;\r\n    }\r\n  } @else if $side == right {\r\n    @include ms-LTR {\r\n      clear: $side;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      clear: left;\r\n    }\r\n  } @else {\r\n      clear: $side;\r\n  }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n  @if $direction == left {\r\n    @include ms-LTR {\r\n      float: left;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      float: right;\r\n    }\r\n  } @else {\r\n    @include ms-LTR {\r\n      float: right;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      float: left;\r\n    }\r\n  }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n  @include ms-LTR {\r\n    left: $distance;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    right: $distance;\r\n  }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n  @include ms-LTR {\r\n    right: $distance;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    left: $distance;\r\n  }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n  margin: $top $right $bottom $left;\r\n\r\n  @include ms-RTL {\r\n    margin: $top $left $bottom $right;\r\n  }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n  @include ms-LTR {\r\n    margin-left: $distance;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    margin-right: $distance;\r\n  }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n  @include ms-LTR {\r\n    margin-right: $distance;\r\n  }\r\n  @include ms-RTL {\r\n    margin-left: $distance;\r\n  }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n  padding: $top $right $bottom $left;\r\n\r\n  @include ms-RTL {\r\n    padding: $top $left $bottom $right;\r\n  }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n  @include ms-LTR {\r\n    padding-left: $distance;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    padding-right: $distance;\r\n  }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n  @include ms-LTR {\r\n    padding-right: $distance;\r\n  }\r\n\r\n  @include ms-RTL {\r\n    padding-left: $distance;\r\n  }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n  @if $direction == left {\r\n    @include ms-LTR {\r\n      text-align: left;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      text-align: right;\r\n    }\r\n  } @else {\r\n    @include ms-LTR {\r\n      text-align: right;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      text-align: left;\r\n    }\r\n  }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n  @if $left != 0 {\r\n    @include ms-LTR {\r\n      box-shadow: $left $etc;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      box-shadow: -$left $etc;\r\n    }\r\n  } @else {\r\n    box-shadow: 0 $etc;\r\n  }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n  @include ms-LTR {\r\n    transform: scaleX($scaleX);\r\n  }\r\n\r\n  @include ms-RTL {\r\n    transform: scaleX(-$scaleX);\r\n  }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n  @include ms-LTR {\r\n    transform: translateX($distance);\r\n  }\r\n\r\n  @include ms-RTL {\r\n    transform: translateX(-$distance);\r\n  }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n  @include ms-LTR {\r\n    transform: rotate($degrees);\r\n  }\r\n\r\n  @include ms-RTL {\r\n    transform: rotate(-$degrees);\r\n  }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n  @if $direction == left {\r\n    @include ms-LTR {\r\n      transition-property: left;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      transition-property: right;\r\n    }\r\n  } @else {\r\n    @include ms-LTR {\r\n      transition-property: right;\r\n    }\r\n\r\n    @include ms-RTL {\r\n      transition-property: left;\r\n    }\r\n  }\r\n}\r\n"],"file":"ControlsTest.module.scss.css"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "3.26.0-beta.3381821",
+  "version": "3.26.0-beta.3386305",
   "engines": {
     "node": ">=22.14.0 < 23.0.0"
   },
@@ -39,23 +39,23 @@
     "@fluentui/theme": "^2.6.6",
     "@iconify/react": "^4.1.1",
     "@juggle/resize-observer": "3.4.0",
-    "@microsoft/decorators": "1.23.0",
+    "@microsoft/decorators": "1.23.2",
     "@microsoft/mgt-react": "3.1.3",
     "@microsoft/mgt-spfx": "3.1.3",
-    "@microsoft/sp-adaptive-card-extension-base": "1.23.0",
-    "@microsoft/sp-application-base": "1.23.0",
-    "@microsoft/sp-component-base": "1.23.0",
-    "@microsoft/sp-core-library": "1.23.0",
-    "@microsoft/sp-dialog": "1.23.0",
-    "@microsoft/sp-extension-base": "1.23.0",
-    "@microsoft/sp-http": "1.23.0",
-    "@microsoft/sp-listview-extensibility": "1.23.0",
-    "@microsoft/sp-loader": "1.23.0",
-    "@microsoft/sp-lodash-subset": "1.23.0",
-    "@microsoft/sp-office-ui-fabric-core": "1.23.0",
-    "@microsoft/sp-page-context": "1.23.0",
-    "@microsoft/sp-property-pane": "1.23.0",
-    "@microsoft/sp-webpart-base": "1.23.0",
+    "@microsoft/sp-adaptive-card-extension-base": "1.23.2",
+    "@microsoft/sp-application-base": "1.23.2",
+    "@microsoft/sp-component-base": "1.23.2",
+    "@microsoft/sp-core-library": "1.23.2",
+    "@microsoft/sp-dialog": "1.23.2",
+    "@microsoft/sp-extension-base": "1.23.2",
+    "@microsoft/sp-http": "1.23.2",
+    "@microsoft/sp-listview-extensibility": "1.23.2",
+    "@microsoft/sp-loader": "1.23.2",
+    "@microsoft/sp-lodash-subset": "1.23.2",
+    "@microsoft/sp-office-ui-fabric-core": "1.23.2",
+    "@microsoft/sp-page-context": "1.23.2",
+    "@microsoft/sp-property-pane": "1.23.2",
+    "@microsoft/sp-webpart-base": "1.23.2",
     "@monaco-editor/loader": "^1.3.1",
     "@pnp/common": "2.5.0",
     "@pnp/odata": "2.5.0",
@@ -84,7 +84,7 @@
     "react": "17.0.1",
     "react-accessible-accordion": "^5.0.0",
     "react-dom": "17.0.1",
-    "react-dropzone": "^14.2.3",
+    "react-dropzone": "^16.0.0",
     "react-map-gl": "^8.0.4",
     "react-mentions": "^4.3.0",
     "react-quill": "2.0.0",
@@ -93,12 +93,12 @@
     "swiper": "^8.2.6"
   },
   "devDependencies": {
-    "@microsoft/eslint-config-spfx": "1.23.0",
-    "@microsoft/eslint-plugin-spfx": "1.23.0",
+    "@microsoft/eslint-config-spfx": "1.23.2",
+    "@microsoft/eslint-plugin-spfx": "1.23.2",
     "@microsoft/microsoft-graph-types": "^2.1.0",
-    "@microsoft/sp-module-interfaces": "1.23.0",
-    "@microsoft/spfx-heft-plugins": "1.23.0",
-    "@microsoft/spfx-web-build-rig": "1.23.0",
+    "@microsoft/sp-module-interfaces": "1.23.2",
+    "@microsoft/spfx-heft-plugins": "1.23.2",
+    "@microsoft/spfx-web-build-rig": "1.23.2",
     "@rushstack/heft": "1.2.17",
     "@types/chai": "4.3.4",
     "@types/chart.js": "2.7.40",