npm - @pnp/spfx-controls-react - Versions diffs - 4.0.0-beta.3809332 → 4.0.0-beta.4268817 - Mend

@pnp/spfx-controls-react 4.0.0-beta.3809332 → 4.0.0-beta.4268817

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/lib/controls/filePicker/controls/FolderTile/FolderTile.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../src/controls/filePicker/controls/FolderTile/FolderTile.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;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;EACA;EACA;EACA;;;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;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;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;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AE7iBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n// @import \"../OneDriveTab.module.scss\";\n@import \"../TilesList/TilesList.module.scss\";\n\n.folderCover {\n display: inline-block;\n margin: 3px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n vertical-align: bottom;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n\n.folderCover.isSmall_88d29bd4 {\n width: 72px;\n height: 52px;\n}\n\n.folderCover.isLarge {\n width: 112px;\n height: 80px;\n}\n\n.folderCoverBack {\n display: block;\n position: absolute;\n left: -3px;\n right: -3px;\n bottom: -4px;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.folderCoverFront {\n display: block;\n position: absolute;\n left: -3px;\n right: -3px;\n bottom: -4px;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n\n.folderCoverFrame {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-shadow: 0 1px 3px 2px rgba(1, 1, 0, 0.2);\n box-shadow: 0 1px 3px 2px rgba(1, 1, 0, 0.2);\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n min-width: 32px;\n min-height: 32px;\n}\n\n.folderCoverContent {\n position: absolute;\n left: 4px;\n right: 4px;\n bottom: 4px;\n top: 4px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n"],"file":"FolderTile.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss","../../../../../src/controls/filePicker/controls/FolderTile/FolderTile.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;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;EACA;EACA;EACA;;;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;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;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;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;EACA;EACA;EACA;EACA;EACA;EACA;;;AE7iBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n// @import \"../OneDriveTab.module.scss\";\n@import \"../TilesList/TilesList.module.scss\";\n\n.folderCover {\n display: inline-block;\n margin: 3px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n vertical-align: bottom;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n\n.folderCover.isSmall_88d29bd4 {\n width: 72px;\n height: 52px;\n}\n\n.folderCover.isLarge {\n width: 112px;\n height: 80px;\n}\n\n.folderCoverBack {\n display: block;\n position: absolute;\n left: -3px;\n right: -3px;\n bottom: -4px;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n.folderCoverFront {\n display: block;\n position: absolute;\n left: -3px;\n right: -3px;\n bottom: -4px;\n\n img {\n border: none;\n padding: 0;\n margin: 0;\n }\n}\n\n\n.folderCoverFrame {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-shadow: 0 1px 3px 2px rgba(1, 1, 0, 0.2);\n box-shadow: 0 1px 3px 2px rgba(1, 1, 0, 0.2);\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n min-width: 32px;\n min-height: 32px;\n}\n\n.folderCoverContent {\n position: absolute;\n left: 4px;\n right: 4px;\n bottom: 4px;\n top: 4px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n"],"file":"FolderTile.module.scss.css"}

package/lib/controls/filePicker/controls/TilesList/TilesList.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;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;EACA;EACA;EACA;;;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;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;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;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;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.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"TilesList.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../src/controls/filePicker/FilePicker.module.scss","../../../../../src/controls/filePicker/controls/TilesList/TilesList.module.scss","../../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACHA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;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;EACA;EACA;EACA;;;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;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACA;;;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;ACtYJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;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;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC7Fe;ED8Ff;EACA;EACA;EACA;EACA,OClHiB;EDmHjB;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC5He;ED6Hf,OC7IiB;ED8IjB;EACA;EACA;EAEE;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCtLiB;EDuLjB;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAqBF;EACE;;;AAGF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAGF;EAUI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EAEE;;AAIJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,kBC3agB;;;AD8alB;AAAA;EAEE;;AAGE;AAAA;AAAA;AAAA;EAEE,OCnca;;;ADwcnB;EACE;;AAEE;AAAA;EAEE,OC7bW;;;ADocb;EACE,OCne0B;;ADse5B;EACE;EACA,OC1da;ED2db;;;AAKN;EACE,YCjde;EDkdf;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAME;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.filePicker {\n color: inherit;\n}\n\n.filePicker :global(.ms-Panel-commands) {\n display: none;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n[dir=\"ltr\"] .filePicker :global(.ms-Panel-content) {\n padding-left: 0;\n}\n\n.filePicker :global(.ms-Panel-contentInner) {\n padding: 0;\n top: 0;\n overflow: hidden;\n}\n\n.filePicker :global(.ms-Panel-header) {\n margin: 0;\n}\n\n.filePicker :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n background-color: transparent;\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n border-image: initial;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n border-color: transparent;\n}\n\n.filePicker :global(.is-selected) :global(.ms-Nav-link) {\n position: relative;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n box-sizing: border-box;\n display: block;\n text-align: center;\n cursor: pointer;\n padding-top: 0px;\n padding-right: 20px;\n padding-bottom: 0px;\n padding-left: 15px;\n height: 36px;\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n width: 100%;\n line-height: 36px;\n text-overflow: ellipsis;\n white-space: nowrap;\n user-select: none;\n outline: transparent;\n border-width: initial;\n border-style: none;\n text-decoration: none;\n border-radius: 0px;\n overflow: hidden;\n}\n.tabsContainer {\n position: absolute;\n top: 0;\n bottom: 0;\n height: auto;\n}\n\n.tabContainer {\n height: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n left: 212px;\n}\n\n[dir=\"ltr\"] .tabsContainer {\n right: 0;\n}\n\n.nav {\n position: absolute;\n height: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n[dir=\"ltr\"] .nav {\n border-right: 2px solid;\n width: 210px;\n}\n\n.nav :global(.ms-Nav) {\n height: 100%;\n width: 210px;\n padding-top: 60px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 40px;\n border-top-style: solid;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.tabHeaderContainer {\n display: inline-block;\n width: 100%;\n color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-top: 40px solid;\n}\n\n.breadcrumbNav {\n margin-top: 0px;\n padding: 22px 32px;\n}\n.breadcrumbNavItem {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n font-size: 24px;\n font-weight: 600;\n padding: 22px 8px 20px 0;\n}\n\n.breadcrumbNav :global(.ms-Breadcrumb-listItem:last-child .ms-Breadcrumb-itemLink) {\n font-weight: 600;\n}\n\n.tab {\n overflow-y: auto;\n flex-grow: 2;\n}\n\n.tabOffset {\n padding: 0 32px;\n}\n\n.tabFiles {\n overflow-y: hidden;\n overflow-x: hidden;\n flex-grow: 2;\n padding: 0 32px;\n}\n.scrollablePaneWrapper {\n height: 75vh;\n position: relative;\n overflow: hidden;\n}\n\n.actionButtonsContainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n -ms-flex-negative: 0;\n flex-shrink: 0;\n z-index: 100;\n}\n\n.actionButtons {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.actionButton {\n height: 30px;\n padding-bottom: 3px;\n}\n\n[dir=\"ltr\"] .actionButton {\n padding-left: 16px;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-left: 0;\n}\n\n[dir=\"ltr\"] .actionButton {\n margin-right: 10px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-left: 20px;\n}\n\n[dir=\"ltr\"] .actionButtons {\n padding-right: 11px;\n}\n\n.tabHeader {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n margin: 0;\n font-size: 24px;\n font-weight: 600;\n padding: 22px 0 20px 32px;\n}\n\n.tabContainer {\n height: 100%;\n box-sizing: border-box;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n flex-direction: column;\n}\n\n.filePicker :global(.ms-Panel-main) {\n top: 50px;\n border: none;\n overflow-y: hidden;\n}\n\n.tabsContainer .selectedTab {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.header {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.xlg, .xxlg, .xxxlg, .xxxxlg {\n color: inherit;\n}\n\n.itemPickerTopBar {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 40px;\n background-color: red;\n}\n\n.itemPickerTopBar :global(.ms-CommandBarItem-link) {\n border-color: transparent;\n}\n\n.commandBarNoChevron :global(.ms-CommandBarItem-chevronDown) {\n display: none;\n}\n\n\n.fileItem {\n cursor: default;\n}\n\n.folderItem {\n cursor: pointer;\n}\n\n.folderItem:hover {\n text-decoration: underline;\n}\n\n.fileTypeIcon {\n margin: 0 -2px;\n display: inline-block;\n}\n\n.fileTypeIconIcon {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n overflow: hidden;\n width: 20px;\n height: 20px;\n}\n\n.detailsListHeaderFileTypeIcon {\n font-size: 16px;\n padding: 0;\n}\n\n.iconColumnHeader {\n width: 40px!important;\n margin-right: -8px;\n}\n\n.iconColumnHeader i {\n font-size:16px;\n}\n\n.fileRow {\ncolor: inherit;\n}\n\n.folderRow {\n color: inherit;\n}\n\n.folderRow :global(.ms-DetailsRow-check) {\n visibility: hidden;\n}\n\n.emptyFolder {\n text-align: center;\n\n .emptyFolderImage {\n padding-top: 52px;\n height: 208px;\n width: auto;\n margin: 0 auto;\n\n .emptyFolderImageTag {\n height: 208px;\n width: auto;\n }\n }\n\n .emptyFolderTitle {\n padding: 16px 16px 0 16px;\n font-size: 21px;\n font-weight: 100;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderSubText {\n padding: 6px 16px 0 16px;\n font-size: 14px;\n font-weight: 400;\n max-width: 400px;\n color: #858585;\n margin: 0 auto;\n }\n\n .emptyFolderMobile {\n display: none;\n }\n\n .emptyFolderPc {\n color: inherit;\n }\n\n .emptyFolderIcon {\n display: inline;\n font-size: 13px;\n padding-left: 2px;\n padding-right: 1px;\n }\n}\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n@import \"../../SiteFilePickerTab/SiteFilePickerTab.module.scss\";\n\n.aboveNameplate {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n margin: 16px 16px 0 16px;\n}\n\n.tileContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n border: 2px solid #ffffff;\n }\n}\n\n\n\n.grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -ms-flex-line-pack: start;\n align-content: flex-start;\n overflow: hidden;\n}\n\n.cellContent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.content {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.tile {\n outline: transparent;\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n background-color: $ms-color-white;\n -webkit-transition: -webkit-transform 0.1s linear;\n transition: -webkit-transform 0.1s linear;\n transition: transform 0.1s linear;\n transition: transform 0.1s linear, -webkit-transform 0.1s linear;\n color: $ms-color-neutralPrimary;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &.invokable {\n .foreground {\n pointer-events: auto;\n cursor: pointer;\n }\n\n &:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n }\n}\n\n.namePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: $ms-color-white;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n text-overflow: ellipsis;\n opacity: .95;\n //border-top: 1px solid #eaeaea;\n min-height: 35px;\n}\n\n.nameplate .name {\n pointer-events: auto;\n cursor: pointer;\n}\n\nhtml[dir=\"ltr\"] .name {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .name {\n margin-left: -8px;\n}\n\n.nameplate .name {\n -webkit-transition: color 0.2s linear;\n transition: color 0.2s linear;\n}\n\n.name {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n color: $ms-color-neutralPrimary;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.name,\n.isLarge .name {\n font-size: 14px;\n height: 30px;\n margin-top: -7px;\n margin-bottom: -8px;\n}\n\n.tile:hover .name {\n text-decoration: underline;\n}\n\nhtml[dir=\"ltr\"] .activity {\n padding-left: 8px;\n}\n\nhtml[dir=\"ltr\"] .activity {\n margin-left: -8px;\n}\n\n.signalField,\n.signalField.compact {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n.signalField {\n max-width: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row nowrap;\n flex-direction: row nowrap;\n}\n\n.signalField > span[class*=\"signalFieldValue\"] {\n -ms-flex: 1 1 auto !important;\n flex: 1 1 auto !important;\n}\n\n.signalFieldValue {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n}\n\n.activity {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 400;\n font-size: 12px;\n color: #767676;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n height: 24px;\n margin-bottom: -4px;\n}\n\n.folderList :global(.ms-List-cell) {\n display: table-cell;\n}\n\n// .folderList :global(.ms-List-page) {\n// display: -webkit-box;\n// display: -ms-flexbox;\n// display: flex;\n// -webkit-box-orient: horizontal;\n// -webkit-box-direction: normal;\n// -ms-flex-direction: row;\n// flex-direction: row;\n// flex-wrap: wrap;\n// align-content: flex-start;\n// align-items: flex-start;\n// justify-content: flex-start;\n// margin-bottom: 36px;\n// margin-left: -4px;\n// margin-right: -4px;\n// margin-top: -4px;\n// }\n\n.folderList :global(.ms-List-surface) {\n position: relative;\n}\n\n.link {\n outline: transparent;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n text-decoration: none;\n color: inherit;\n overflow: hidden;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n text-decoration: none;\n pointer-events: none;\n}\n\n.cell {\n padding-top: 140px;\n position: relative;\n}\n\n.listCell {\n // text-align: center;\n // outline: none;\n // position: relative;\n // max-width: 176px;\n // max-height: 171px;\n // margin: 4px;\n // border-style: none;\n // border-width: 0px;\n // width: 176px;\n display: block;\n margin: 0;\n border-color: #ffffff;\n border-top-color: rgb(255, 255, 255);\n border-right-color: rgb(255, 255, 255);\n border-bottom-color: rgb(255, 255, 255);\n border-left-color: rgb(255, 255, 255);\n}\n\n.label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n\n.foreground {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n max-width: 100%;\n max-height: 100%;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 1;\n -webkit-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear;\n}\n\n// .hasForegroundFrame .foreground {\n// background-color: #ffffff;\n// -webkit-box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// box-shadow: 0 1px 3px 1px rgba(1, 1, 0, 0.05);\n// min-width: 32px;\n// min-height: 32px;\n// }\n\n// .hasForegroundFrame .foreground:after {\n// content: '';\n// display: block;\n// position: absolute;\n// top: 0;\n// left: 0;\n// bottom: 0;\n// right: 0;\n// pointer-events: none;\n// border: 2px solid #ffffff;\n// }\n\n.check {\n //display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n top: 0;\n border: none;\n background: none;\n background-color: transparent;\n opacity: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px;\n outline: transparent;\n position: absolute;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: #797775;\n }\n }\n\n &:hover {\n color: #797775;\n }\n}\n\nhtml[dir=\"ltr\"] .check {\n right: 0;\n}\n\n.tile.selectable .check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.tile.selectable:hover {\n background-color: $ms-color-neutralLighter;\n}\n\n.tile:hover .check,\n.tile.showCheck .check {\n opacity: 1;\n\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-neutralPrimary;\n }\n }\n}\n\n.tile.selected .check {\n opacity: 1;\n :global {\n .ms-Check .ms-Check-check,\n .ms-Check .ms-Check-circle {\n color: $ms-color-white;\n }\n }\n}\n\n.dialogMainOverride {\n :global {\n .ms-Dialog-title {\n color: $ms-color-themePrimary;\n }\n\n .ms-Dialog-subText {\n font-size: 14px;\n color: $ms-color-neutralPrimary;\n font-weight: 400;\n }\n }\n}\n\n.itemTileBlankCover {\n background: $ms-color-white;\n display: inline-block;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n text-align: right;\n}\n\nhtml[dir=\"ltr\"] .metadata {\n margin-right: 8px;\n}\n.isLarge .metadata {\n font-size: 14px;\n margin-bottom: 3px;\n}\n.metadata,\n.metadata.isSmall {\n font-size: 12px;\n margin-bottom: 3px;\n}\n\n.metadata {\n display: block;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: 400;\n color: #ffffff;\n position: relative;\n}\n\n.listPage {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.odItemTile2FolderCover {\n display: inline-block;\n margin: 3px;\n}\n\n.standaloneListBreadcrumb {\n// font-size: 17px;\n// font-weight: 300;\n// }\n\n// .xlg .standaloneListBreadcrumb, .xxlg .standaloneListBreadcrumb, .xxxlg .standaloneListBreadcrumb, .xxxxlg .standaloneListBreadcrumb {\n font-size: 21px;\n font-weight: 100;\n margin-bottom: 1px;\n padding-top:0;\n padding-bottom:0;\n padding-left: 32px;\n padding-right: 32px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"TilesList.module.scss.css"}

package/lib/controls/fileTypeIcon/FileTypeIcon.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_BrandIcon.Mixins.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/_BrandIcon.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACeE;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAiBD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAQD;EACC;EACA;EACA;;AAHD;EACC;EACA;EACA;;AAHD;EACC;EACA;EACA;;AC5CH;EDcE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;AC5BH;EDSE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;ACvBH;EDIE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;AChBH;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE","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// Generate classes for product and document icons\r\n@mixin ms-brand-icon-classes($retina) {\r\n\t@each $icon in $ms-brand-icon-product-icons {\r\n\t\t.ms-BrandIcon--#{$icon} {\r\n\t\t\t@include ms-brand-icon-product-sizes($icon, $retina, $ms-brand-icon-product-images-path);\r\n\t\t}\r\n\t}\r\n\r\n\t@each $icon in $ms-brand-icon-document-icons {\r\n\t\t.ms-BrandIcon--#{$icon} {\r\n\t\t\t@include ms-brand-icon-document-sizes($icon, $retina, $ms-brand-icon-document-images-path);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate size classes for each product icon\r\n@mixin ms-brand-icon-product-sizes($icon, $retina, $images-path) {\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t&.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-image: url(#{$images-path}/#{$icon}_#{$size}x#{$retina}.png);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate size classes for each document icon\r\n@mixin ms-brand-icon-document-sizes($icon, $retina, $images-path) {\r\n\t$scaleSuffix: '';\r\n\t@if $retina == '1' {\r\n\t\t$scaleSuffix: '';\r\n\t} @else if $retina == '1_5' {\r\n\t\t$scaleSuffix: '_1.5x';\r\n\t} @else {\r\n\t\t$scaleSuffix: '_#{$retina}x';\r\n\t}\r\n\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t&.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-image: url(#{$images-path}/#{$size}#{$scaleSuffix}/#{$icon}.png);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate generic icon size classes\r\n@mixin ms-brand-icon-size-classes() {\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-size: 100% 100%;\r\n\t\t\twidth: #{$size}px;\r\n\t\t\theight: #{$size}px;\r\n\t\t}\r\n\t}\r\n}\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@include ms-brand-icon-classes('1');\r\n@include ms-brand-icon-size-classes();\r\n\r\n// Pixel Ratio 1.5\r\n@media only screen and (min-resolution: 144dpi) {\r\n @include ms-brand-icon-classes('1_5');\r\n}\r\n\r\n// Pixel Ratio 2\r\n@media only screen and (min-resolution: 192dpi) {\r\n @include ms-brand-icon-classes('2');\r\n}\r\n\r\n// Pixel Ratio 3\r\n@media only screen and (min-resolution: 288dpi) {\r\n @include ms-brand-icon-classes('3');\r\n}\r\n\r\n// The 'onepkg' and 'xls' icons have been deprecated. These classes will be removed in\r\n// a future release. Until then, they are mapped to 'one' and 'xlsx'.\r\n\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16/one.png);\r\n}\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48/one.png);\r\n}\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96/one.png);\r\n}\r\n\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16/xlsx.png);\r\n}\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48/xlsx.png);\r\n}\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96/xlsx.png);\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_1.5x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_1.5x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_1.5x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_1.5x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_1.5x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_1.5x/xlsx.png);\r\n }\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_2x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_2x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_2x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_2x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_2x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_2x/xlsx.png);\r\n }\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_3x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_3x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_3x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_3x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_3x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_3x/xlsx.png);\r\n }\r\n}\r\n"],"file":"FileTypeIcon.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_BrandIcon.Mixins.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/_BrandIcon.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACeE;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAiBD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAQD;EACC;EACA;EACA;;AAHD;EACC;EACA;EACA;;AAHD;EACC;EACA;EACA;;AC5CH;EDcE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;AC5BH;EDSE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;ACvBH;EDIE;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EAiBD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;EADD;IACC;;;AChBH;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAGF;IACE;;EAEF;IACE;;EAEF;IACE","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// Generate classes for product and document icons\r\n@mixin ms-brand-icon-classes($retina) {\r\n\t@each $icon in $ms-brand-icon-product-icons {\r\n\t\t.ms-BrandIcon--#{$icon} {\r\n\t\t\t@include ms-brand-icon-product-sizes($icon, $retina, $ms-brand-icon-product-images-path);\r\n\t\t}\r\n\t}\r\n\r\n\t@each $icon in $ms-brand-icon-document-icons {\r\n\t\t.ms-BrandIcon--#{$icon} {\r\n\t\t\t@include ms-brand-icon-document-sizes($icon, $retina, $ms-brand-icon-document-images-path);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate size classes for each product icon\r\n@mixin ms-brand-icon-product-sizes($icon, $retina, $images-path) {\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t&.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-image: url(#{$images-path}/#{$icon}_#{$size}x#{$retina}.png);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate size classes for each document icon\r\n@mixin ms-brand-icon-document-sizes($icon, $retina, $images-path) {\r\n\t$scaleSuffix: '';\r\n\t@if $retina == '1' {\r\n\t\t$scaleSuffix: '';\r\n\t} @else if $retina == '1_5' {\r\n\t\t$scaleSuffix: '_1.5x';\r\n\t} @else {\r\n\t\t$scaleSuffix: '_#{$retina}x';\r\n\t}\r\n\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t&.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-image: url(#{$images-path}/#{$size}#{$scaleSuffix}/#{$icon}.png);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Generate generic icon size classes\r\n@mixin ms-brand-icon-size-classes() {\r\n\t@each $size in $ms-brand-icon-sizes {\r\n\t\t.ms-BrandIcon--icon#{$size} {\r\n\t\t\tbackground-size: 100% 100%;\r\n\t\t\twidth: #{$size}px;\r\n\t\t\theight: #{$size}px;\r\n\t\t}\r\n\t}\r\n}\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@include ms-brand-icon-classes('1');\r\n@include ms-brand-icon-size-classes();\r\n\r\n// Pixel Ratio 1.5\r\n@media only screen and (min-resolution: 144dpi) {\r\n @include ms-brand-icon-classes('1_5');\r\n}\r\n\r\n// Pixel Ratio 2\r\n@media only screen and (min-resolution: 192dpi) {\r\n @include ms-brand-icon-classes('2');\r\n}\r\n\r\n// Pixel Ratio 3\r\n@media only screen and (min-resolution: 288dpi) {\r\n @include ms-brand-icon-classes('3');\r\n}\r\n\r\n// The 'onepkg' and 'xls' icons have been deprecated. These classes will be removed in\r\n// a future release. Until then, they are mapped to 'one' and 'xlsx'.\r\n\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16/one.png);\r\n}\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48/one.png);\r\n}\r\n.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96/one.png);\r\n}\r\n\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16/xlsx.png);\r\n}\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48/xlsx.png);\r\n}\r\n.ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96/xlsx.png);\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_1.5x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_1.5x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_1.5x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_1.5x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_1.5x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_1.5x/xlsx.png);\r\n }\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_2x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_2x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_2x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_2x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_2x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_2x/xlsx.png);\r\n }\r\n}\r\n\r\n@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) {\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_3x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_3x/one.png);\r\n }\r\n .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_3x/one.png);\r\n }\r\n\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon16 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/16_3x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon48 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/48_3x/xlsx.png);\r\n }\r\n .ms-BrandIcon--xls.ms-BrandIcon--icon96 {\r\n background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types-fluent/96_3x/xlsx.png);\r\n }\r\n}\r\n"],"file":"FileTypeIcon.module.scss.css"}

package/lib/controls/filterBar/FilterBar.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.~~17_~~@types+react@17.0.~~45_react~~-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/filterBar/FilterBar.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACCA;EACI;EACA;EACA,YAPiC;EAQjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAbsB;;;AAgB1B;EACI;EACA;;;AAIA;EACI;;AAKA;EACI;;AAGR;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIJ;EACI;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;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$--ms-semanticColors-listBackground: #ffffff;\n$--ms-effects-roundedCorner6: 6px;\n$--ms-effects-elevation4: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);\n\n.container {\n padding: 0 16px;\n align-items: center;\n background: $--ms-semanticColors-listBackground;\n position: relative;\n height: 42px;\n white-space: pre;\n display: flex;\n color: \"[theme:neutralSecondary, default:#{$ms-color-neutralSecondary}]\";\n overflow: hidden;\n border-radius: $--ms-effects-roundedCorner6 $--ms-effects-roundedCorner6 0 0;\n box-shadow: $--ms-effects-elevation4;\n}\n\n.pillGroup {\n display: flex;\n align-items: center;\n}\n\nhtml[dir=ltr] {\n .label {\n margin-right: 4px;\n // @extend .overflow;\n // margin-left: 0;\n }\n .overflow {\n .label {\n margin-left: 0;\n }\n }\n .pill {\n padding-left: 8px;\n }\n \n .icon {\n margin-right: 0;\n }\n .clearAll {\n margin-right: 0;\n }\n .clearAll {\n margin-left: auto;\n }\n}\nhtml[dir=ltr] {\n .label {\n margin-left: 8px;\n }\n\n \n .pill {\n padding-right: 8px;\n }\n .icon {\n margin-left: 10px;\n }\n}\n\n.pill {\n \n background: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-radius: 12px;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0 4px;\n cursor: pointer;\n z-index: 2;\n color: inherit;\n}\n\n.pillText {\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.icon {\n font-size: 12px;\n}\n.overflow {\n padding: 2px 8px;\n\n .pillGroup {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .pill {\n margin: 6px 0;\n }\n}\n\n.clearAll {\n background: 0 0;\n border: 1px solid \"[theme:neutralSecondary, default:#{$ms-color-neutralSecondary}]\";\n height: 22px;\n}\n\n\n"],"file":"FilterBar.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/filterBar/FilterBar.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACCA;EACI;EACA;EACA,YAPiC;EAQjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAbsB;;;AAgB1B;EACI;EACA;;;AAIA;EACI;;AAKA;EACI;;AAGR;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIJ;EACI;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;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$--ms-semanticColors-listBackground: #ffffff;\n$--ms-effects-roundedCorner6: 6px;\n$--ms-effects-elevation4: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);\n\n.container {\n padding: 0 16px;\n align-items: center;\n background: $--ms-semanticColors-listBackground;\n position: relative;\n height: 42px;\n white-space: pre;\n display: flex;\n color: \"[theme:neutralSecondary, default:#{$ms-color-neutralSecondary}]\";\n overflow: hidden;\n border-radius: $--ms-effects-roundedCorner6 $--ms-effects-roundedCorner6 0 0;\n box-shadow: $--ms-effects-elevation4;\n}\n\n.pillGroup {\n display: flex;\n align-items: center;\n}\n\nhtml[dir=ltr] {\n .label {\n margin-right: 4px;\n // @extend .overflow;\n // margin-left: 0;\n }\n .overflow {\n .label {\n margin-left: 0;\n }\n }\n .pill {\n padding-left: 8px;\n }\n \n .icon {\n margin-right: 0;\n }\n .clearAll {\n margin-right: 0;\n }\n .clearAll {\n margin-left: auto;\n }\n}\nhtml[dir=ltr] {\n .label {\n margin-left: 8px;\n }\n\n \n .pill {\n padding-right: 8px;\n }\n .icon {\n margin-left: 10px;\n }\n}\n\n.pill {\n \n background: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n border-radius: 12px;\n border: none;\n padding: 0;\n display: flex;\n align-items: center;\n height: 24px;\n margin: 0 4px;\n cursor: pointer;\n z-index: 2;\n color: inherit;\n}\n\n.pillText {\n max-width: 150px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.icon {\n font-size: 12px;\n}\n.overflow {\n padding: 2px 8px;\n\n .pillGroup {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .pill {\n margin: 6px 0;\n }\n}\n\n.clearAll {\n background: 0 0;\n border: 1px solid \"[theme:neutralSecondary, default:#{$ms-color-neutralSecondary}]\";\n height: 22px;\n}\n\n\n"],"file":"FilterBar.module.scss.css"}

package/lib/controls/folderExplorer/FolderExplorer/FolderExplorer.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.~~17_~~@types+react@17.0.~~45_react~~-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/FolderExplorer/FolderExplorer.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.~~17_~~@types+react@17.0.~~45_react~~-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACAE;EACE;;AAGF;EACE;EACA,OCSe;;;ADLnB;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA,OCnBiB;EDoBjB;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 \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.breadcrumbPath {\n\n & button {\n font-size: 18px;\n }\n\n & button[aria-current=\"page\"] > div {\n font-weight: 600;\n color: $ms-color-neutralPrimary;\n }\n}\n\n.filterBox {\n margin-bottom: 10px;\n margin-top: 20px;\n padding-left: 8px;\n padding-right: 8px;\n max-width: 450px;\n}\n\n.libraryItem {\n padding: 5px 0 5px 8px;\n cursor: pointer;\n height: 30px;\n line-height: 30px;\n border-width: 1px;\n display: flex;\n align-items: center;\n &:hover {\n background-color: #f4f4f4;\n }\n}\n\n.icon {\n margin-right: 10px;\n}\n\n.status {\n font-size: 14px;\n color: $ms-color-neutralSecondary;\n padding-top: 15px;\n padding-left: 30px;\n padding-bottom: 20px;\n padding-right: 40px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"FolderExplorer.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/FolderExplorer/FolderExplorer.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACAE;EACE;;AAGF;EACE;EACA,OCSe;;;ADLnB;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA,OCnBiB;EDoBjB;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 \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.breadcrumbPath {\n\n & button {\n font-size: 18px;\n }\n\n & button[aria-current=\"page\"] > div {\n font-weight: 600;\n color: $ms-color-neutralPrimary;\n }\n}\n\n.filterBox {\n margin-bottom: 10px;\n margin-top: 20px;\n padding-left: 8px;\n padding-right: 8px;\n max-width: 450px;\n}\n\n.libraryItem {\n padding: 5px 0 5px 8px;\n cursor: pointer;\n height: 30px;\n line-height: 30px;\n border-width: 1px;\n display: flex;\n align-items: center;\n &:hover {\n background-color: #f4f4f4;\n }\n}\n\n.icon {\n margin-right: 10px;\n}\n\n.status {\n font-size: 14px;\n color: $ms-color-neutralSecondary;\n padding-top: 15px;\n padding-left: 30px;\n padding-bottom: 20px;\n padding-right: 40px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"FolderExplorer.module.scss.css"}

package/lib/controls/folderExplorer/NewFolder/NewFolder.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.~~17_~~@types+react@17.0.~~45_react~~-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/NewFolder/NewFolder.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.~~17_~~@types+react@17.0.~~45_react~~-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA,OCZ6B;;;ADe/B;EACE;;;AAGF;EACE,kBCrB8B;EDsB9B;;AAEA;EACE,kBCxB2B;EDyB3B;;AAGF;EACE;;AAGF;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 \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.libraryItem {\n padding: 5px 0 5px 10px;\n cursor: pointer;\n min-height: 32px;\n line-height: 32px;\n border-width: 1px;\n display: flex;\n align-items: flex-start;\n}\n\n.libraryItem:hover {\n background-color: #f4f4f4;\n}\n\n.folderIcon {\n margin-right: 10px;\n color: $ms-color-themeSecondary;\n}\n\n.defaultText {\n width: 100%;\n}\n\n.button {\n background-color: $ms-color-themePrimary;\n color: white;\n\n &:hover {\n background-color: $ms-color-themeSecondary;\n color: white;\n }\n\n &:disabled {\n background-color: #f4f4f4;\n }\n\n & i {\n font-weight: bolder;\n }\n}\n\n.spinner {\n padding-right: 10px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"NewFolder.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/NewFolder/NewFolder.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@18.2.25_@types+react@18.2.79_react-dom@18.3.1_react@18.3.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA,OCZ6B;;;ADe/B;EACE;;;AAGF;EACE,kBCrB8B;EDsB9B;;AAEA;EACE,kBCxB2B;EDyB3B;;AAGF;EACE;;AAGF;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 \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.libraryItem {\n padding: 5px 0 5px 10px;\n cursor: pointer;\n min-height: 32px;\n line-height: 32px;\n border-width: 1px;\n display: flex;\n align-items: flex-start;\n}\n\n.libraryItem:hover {\n background-color: #f4f4f4;\n}\n\n.folderIcon {\n margin-right: 10px;\n color: $ms-color-themeSecondary;\n}\n\n.defaultText {\n width: 100%;\n}\n\n.button {\n background-color: $ms-color-themePrimary;\n color: white;\n\n &:hover {\n background-color: $ms-color-themeSecondary;\n color: white;\n }\n\n &:disabled {\n background-color: #f4f4f4;\n }\n\n & i {\n font-weight: bolder;\n }\n}\n\n.spinner {\n padding-right: 10px;\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// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"NewFolder.module.scss.css"}