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

@pnp/spfx-controls-react 4.0.0-beta.3798679 → 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 (202) hide show

package/lib/controls/filePicker/FilePicker.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"],"names":[],"mappings":"AAKA;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","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"],"file":"FilePicker.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"],"names":[],"mappings":"AAKA;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","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"],"file":"FilePicker.module.scss.css"}

package/lib/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.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/LinkFilePickerTab/LinkFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.linkTextField {\n max-width: 640px;\n}\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n"],"file":"LinkFilePickerTab.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/LinkFilePickerTab/LinkFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.linkTextField {\n max-width: 640px;\n}\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n"],"file":"LinkFilePickerTab.module.scss.css"}

package/lib/controls/filePicker/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.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/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;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 \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n\n.localTabDragDropFile {\n // width: 100%;\n border: 1px \"[theme:black, default:#{$ms-color-black}]\" dashed;\n text-align: center;\n padding: 75px;\n}\n"],"file":"MultipleUploadFilePickerTab.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/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;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 \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n\n.localTabDragDropFile {\n // width: 100%;\n border: 1px \"[theme:black, default:#{$ms-color-black}]\" dashed;\n text-align: center;\n padding: 75px;\n}\n"],"file":"MultipleUploadFilePickerTab.module.scss.css"}

package/lib/controls/filePicker/OneDriveFilesTab/OneDriveFilesTab.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"],"names":[],"mappings":"AAKA;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","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"],"file":"OneDriveFilesTab.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"],"names":[],"mappings":"AAKA;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","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"],"file":"OneDriveFilesTab.module.scss.css"}

package/lib/controls/filePicker/RecentFilesTab/RecentFilesTab.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/RecentFilesTab/RecentFilesTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOV;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.gridListCell {\n margin-bottom: 8px;\n}\n\n[dir=\"ltr\"] .gridListCell {\n margin-right: 8px;\n}\n\n[dir=\"ltr\"] .gridListCell.cellRight {\n margin-right: 0;\n}\n\n.gridListCell.cellLastRow {\n margin-bottom: 0;\n}\n\n.itemTile.isFile,\n.itemTile.isPhoto,\n.itemTile.isVideo {\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.itemTile {\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 position: relative;\n display: inline-block;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n cursor: pointer;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n\n &:focus {\n outline: 0;\n }\n\n &:active {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n }\n\n &:focus:after {\n content: \"\";\n position: absolute;\n right: 2px;\n left: 2px;\n top: 2px;\n bottom: 2px;\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n }\n}\n\n.hasThumbnail {\n color: inherit;\n}\n\n.itemTileContent {\n width: 100%;\n height: 100%;\n}\n\n.itemTile.isFile .itemTileDiscoverFileContainer,\n.itemTile.isFile .itemTileFileContainer {\n border-width: 1px;\n border-style: solid;\n border-color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n}\n\n.itemTileFile {\n .itemTileFileContainer {\n position: absolute;\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n\n .itemTileThumbnail {\n text-align: center;\n overflow: hidden;\n width: 100%;\n height: 100%;\n\n .image {\n img {\n display: block;\n opacity: 1;\n width: 100%;\n height: auto;\n animation-duration: 0.367s;\n animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n animation-fill-mode: both;\n }\n }\n }\n }\n}\n\n[dir=\"ltr\"] .itemTileCheckCircle {\n right: 8px;\n}\n\n.itemTileCheckCircle {\n display: block;\n position: absolute;\n top: 6px;\n opacity: 0;\n background: 0 0;\n border: none;\n outline: 0;\n top: 8px;\n\n :global(.ms-Check-check) {\n opacity: 1;\n }\n}\n\n.itemTile.isSelected {\n .itemTileCheckCircle {\n opacity: 1;\n }\n}\n.itemTileNamePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.itemTile.isFile .itemTileNamePlate {\n opacity: 0.95;\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n min-height: 35px;\n}\n\n.itemTileName {\n font-size: 15px;\n line-height: 20px;\n}\n\n.itemTileChildCount,\n.itemTileName,\n.itemTileSubText {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.itemTileSubText {\n font-size: 11px;\n opacity: 0.7;\n}\n\n.recentGridList {\n font-size: 0;\n}\n\n.recentGridList :global(.ms-List-page) {\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 flex-wrap: wrap;\n}\n"],"file":"RecentFilesTab.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/RecentFilesTab/RecentFilesTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOV;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.gridListCell {\n margin-bottom: 8px;\n}\n\n[dir=\"ltr\"] .gridListCell {\n margin-right: 8px;\n}\n\n[dir=\"ltr\"] .gridListCell.cellRight {\n margin-right: 0;\n}\n\n.gridListCell.cellLastRow {\n margin-bottom: 0;\n}\n\n.itemTile.isFile,\n.itemTile.isPhoto,\n.itemTile.isVideo {\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n}\n\n.itemTile {\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 position: relative;\n display: inline-block;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n cursor: pointer;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n\n &:focus {\n outline: 0;\n }\n\n &:active {\n -webkit-transform: scale(0.96);\n transform: scale(0.96);\n }\n\n &:focus:after {\n content: \"\";\n position: absolute;\n right: 2px;\n left: 2px;\n top: 2px;\n bottom: 2px;\n border: 1px solid;\n border-color: \"[theme:white, default:#{$ms-color-white}]\";\n -webkit-box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n box-shadow: 0 0 0 2px \"[theme:neutralSecondaryAlt, default:#{$ms-color-neutralSecondaryAlt}]\";\n }\n}\n\n.hasThumbnail {\n color: inherit;\n}\n\n.itemTileContent {\n width: 100%;\n height: 100%;\n}\n\n.itemTile.isFile .itemTileDiscoverFileContainer,\n.itemTile.isFile .itemTileFileContainer {\n border-width: 1px;\n border-style: solid;\n border-color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n}\n\n.itemTileFile {\n .itemTileFileContainer {\n position: absolute;\n background-color: \"[theme:neutralLighter, default:#{$ms-color-neutralLighter}]\";\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n\n .itemTileThumbnail {\n text-align: center;\n overflow: hidden;\n width: 100%;\n height: 100%;\n\n .image {\n img {\n display: block;\n opacity: 1;\n width: 100%;\n height: auto;\n animation-duration: 0.367s;\n animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);\n animation-fill-mode: both;\n }\n }\n }\n }\n}\n\n[dir=\"ltr\"] .itemTileCheckCircle {\n right: 8px;\n}\n\n.itemTileCheckCircle {\n display: block;\n position: absolute;\n top: 6px;\n opacity: 0;\n background: 0 0;\n border: none;\n outline: 0;\n top: 8px;\n\n :global(.ms-Check-check) {\n opacity: 1;\n }\n}\n\n.itemTile.isSelected {\n .itemTileCheckCircle {\n opacity: 1;\n }\n}\n.itemTileNamePlate {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n min-height: 20px;\n padding: 4px 8px 8px;\n background-color: \"[theme:white, default:#{$ms-color-white}]\";\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.itemTile.isFile .itemTileNamePlate {\n opacity: 0.95;\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: \"[theme:neutralLight, default:#{$ms-color-neutralLight}]\";\n min-height: 35px;\n}\n\n.itemTileName {\n font-size: 15px;\n line-height: 20px;\n}\n\n.itemTileChildCount,\n.itemTileName,\n.itemTileSubText {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.itemTileSubText {\n font-size: 11px;\n opacity: 0.7;\n}\n\n.recentGridList {\n font-size: 0;\n}\n\n.recentGridList :global(.ms-List-page) {\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 flex-wrap: wrap;\n}\n"],"file":"RecentFilesTab.module.scss.css"}

package/lib/controls/filePicker/SiteFilePickerTab/SiteFilePickerTab.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"],"names":[],"mappings":"AAKA;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","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"],"file":"SiteFilePickerTab.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"],"names":[],"mappings":"AAKA;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","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"],"file":"SiteFilePickerTab.module.scss.css"}

package/lib/controls/filePicker/StockImagesTab/StockImages.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/StockImagesTab/StockImages.module.scss"],"names":[],"mappings":"AAKA;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;;;AAEF;EACE;EACA;EAEA;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 \"../FilePicker.module.scss\";\n\n.stockImagesPickerContainer {\n width: 100%;\n height: 100%;\n}\n.stockImagesPicker {\n width: 100%;\n height: 100%;\n\n background-color: transparent;\n border: 0px none transparent;\n padding: 0px;\n overflow: hidden;\n\n //margin-top:-30px;\n //margin-left: -35px;\n}\n"],"file":"StockImages.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/StockImagesTab/StockImages.module.scss"],"names":[],"mappings":"AAKA;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;;;AAEF;EACE;EACA;EAEA;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 \"../FilePicker.module.scss\";\n\n.stockImagesPickerContainer {\n width: 100%;\n height: 100%;\n}\n.stockImagesPicker {\n width: 100%;\n height: 100%;\n\n background-color: transparent;\n border: 0px none transparent;\n padding: 0px;\n overflow: hidden;\n\n //margin-top:-30px;\n //margin-left: -35px;\n}\n"],"file":"StockImages.module.scss.css"}

package/lib/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.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/UploadFilePickerTab/UploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n"],"file":"UploadFilePickerTab.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/UploadFilePickerTab/UploadFilePickerTab.module.scss"],"names":[],"mappings":"AAKA;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;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;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 \"../FilePicker.module.scss\";\n\n.localTabSinglePreview {\n margin-bottom: 20px;\n display: inline-block;\n text-align: center;\n}\n\n.localTabSinglePreviewImage {\n display: block;\n max-width: 100%;\n max-height: 220px;\n image-orientation: from-image;\n}\n\n.localTabFilename {\n color: \"[theme:neutralPrimary, default:#{$ms-color-neutralPrimary}]\";\n}\n\n.localTabLabel {\n color: \"[theme:themePrimary, default:#{$ms-color-themePrimary}]\";\n cursor: pointer;\n}\n\n.localTabInput {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n"],"file":"UploadFilePickerTab.module.scss.css"}