search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.42k stars 2.72k forks source link

examples do not work on version 7 or most recent release (from main selection) #15474

Closed velociwabbit closed 4 years ago

velociwabbit commented 4 years ago

I have installed the latest version and version 7 from yesterday.. When i ran ouifr from the commandl ine options in the v7 version the samples would not show up in the storybook... they are there but have been moved to a separate folder.... that appears not be be linked up to the storybook. This is true of v 7 latest and master latest.

The v7 from September 9 had the examples in each of the folders of the ouifr components.

To replicate just install v7 and npm start from the command line and select office-ui-fabric-react as the option... the storybook will show up with shimmer etc. but no examples to display

paulgildea commented 4 years ago

@velociwabbit Thanks for filing this issue!

@ecraig12345 FYI - not sure if this related to the v7 branching work

ecraig12345 commented 4 years ago

I'm having trouble reproing this, sorry. In the 7.0 branch when I do yarn start (from the root of the repo) and choose office-ui-fabric-react, the Storybook demo starts as usual with all the examples. Same in master choosing @fluentui/react.

Don't think it would be the issue in this case, but have you run yarn to install the latest dependencies and package links recently? You should run that every time after updating from master/7.0.

If it doesn't work after doing that, you can try yarn scrub--just be sure to commit or stash any local changes first, since this will delete all untracked files (such as node_modules and build output but also uncommitted changes).

velociwabbit commented 4 years ago

Just tried with yarn start as well..

This is a fresh install for some reason the examples are not being linked to the source directory. In the previous version (which i have been working on for 6 months) the examples were in the same src/component directory as the .base.js files

I tried it with Master and with Version 7 and the same result.

velociwabbit commented 4 years ago

To reproduce download the .zip file for version 7 then unzip to a directory... then load a commandline and yarn install

then yarn start and select offic-ui-fabric-react as the option.

My guess is that if you are using git there might be some paths already set up

ecraig12345 commented 4 years ago

Is there a reason you can't just download it using Git? That's the primary scenario we support, and we have some tooling which works by looking for the root of your Git repo.

velociwabbit commented 4 years ago

I will try it that way but i am truly a git with git... it is the bane of my existence. Nonetheless it should still work as a zip file or you should disable that option

ecraig12345 commented 4 years ago

I don't think GitHub provides a way to disable the download as zip option. Have you tried GitHub desktop for downloading and updating the code? Might be easier to use than command lint git.

velociwabbit commented 4 years ago

I usually use visual studio but it is more that i get source and target wrong all the time and i am always confused about push, pull and fetch, as well as rebase onto and merge.

source is the source of a river (in my head) and is fixed ... there are two meanings to the word. target is the location that received the water from the source and is also fixed...

fetch, is like pull but different... sync is like fetch but different. push is clear.

and the stakes are so high if you get it wrong... safer to download a zip until you have the time to focus

velociwabbit commented 4 years ago

and why is it called a pull request when the action of the person doing the pull request is to push their data to a repo?

the system functions work fine... the language was writing by someone who should never write ui software

Dont get me started about industry standard formatting...

one word on each line is bat sh__ crazy

velociwabbit commented 4 years ago

I just tried with git

here is the log still did not work

Click to expand log 
$ git clone https://github.com/microsoft/fluentui.git
Cloning into 'fluentui'...
remote: Enumerating objects: 399, done.
remote: Counting objects: 100% (399/399), done.
remote: Compressing objects: 100% (354/354), done.
Receiving objects: 100% (293418), reused 142 (delta 41), pack-reused 293019 eceiving objects: 100% (293418/293418), 155.59 MiB | 3.77 MiB/s
/293418), 159.13 MiB | 4.81 MiB/s, done.
Resolving deltas: 100% (222438/222438), done.
Checking out files: 100% (11165/11165), done.

jimre@JPRDEV MINGW64 /d/ddesktop/fabric
$ cd fluentui/

jimre@JPRDEV MINGW64 /d/ddesktop/fabric/fluentui (master)
$ yarn
yarn install v1.22.5
$ node ./scripts/use-yarn-please.js
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@1.2.9: The platform "win32" is incompatible with this module.
info "fsevents@1.2.9" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@2.1.3: The platform "win32" is incompatible with this module.
info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > sass-loader@6.0.7" has unmet peer dependency "node-sass@^4.0.0".
warning " > sass-loader@6.0.7" has unmet peer dependency "webpack@^2.0.0 || ^3.0.0 || ^4.0.0".
warning " > @fluentui/public-docsite-resources@7.8.18" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/public-docsite-resources@7.8.18" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/public-docsite-resources@7.8.18" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/public-docsite-resources@7.8.18" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/public-docsite@7.15.18" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/public-docsite@7.15.18" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/a11y-testing@0.1.0" has unmet peer dependency "enzyme@^3.0.0".
warning " > @fluentui/a11y-testing@0.1.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/a11y-testing@0.1.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/a11y-testing@0.1.0" has unmet peer dependency "jest@^24.0.0".
warning " > @uifabric/charting@4.2.5" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/charting@4.2.5" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/charting@4.2.5" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/charting@4.2.5" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/date-time@7.17.16" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/date-time@7.17.16" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/date-time@7.17.16" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/date-time@7.17.16" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/eslint-plugin@0.54.1" has unmet peer dependency "typescript@^3.5.0".
warning " > @uifabric/example-app-base@7.15.18" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/example-app-base@7.15.18" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/example-app-base@7.15.18" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/example-app-base@7.15.18" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/experiments@7.33.1" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/experiments@7.33.1" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/experiments@7.33.1" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/experiments@7.33.1" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/file-type-icons@7.6.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/file-type-icons@7.6.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/file-type-icons@7.6.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/file-type-icons@7.6.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/foundation@7.9.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/foundation@7.9.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/foundation@7.9.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/foundation@7.9.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-avatar@0.6.5" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-avatar@0.6.5" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-avatar@0.6.5" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-avatar@0.6.5" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-button@0.14.3" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-button@0.14.3" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-button@0.14.3" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-button@0.14.3" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/react-cards@0.113.3" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/react-cards@0.113.3" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/react-cards@0.113.3" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/react-cards@0.113.3" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-checkbox@0.3.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-checkbox@0.3.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-checkbox@0.3.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-checkbox@0.3.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-compose@0.19.4" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-compose@0.19.4" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "enzyme@^3.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "enzyme-adapter-react-16@^1.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "jest@^24.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-conformance@0.1.5" has unmet peer dependency "typescript@^3.5.0".
warning " > @fluentui/react-examples@0.4.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-examples@0.4.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-examples@0.4.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-examples@0.4.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-flex@0.1.2" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-flex@0.1.2" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-flex@0.1.2" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-flex@0.1.2" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-focus@7.16.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-focus@7.16.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-focus@7.16.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-focus@7.16.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/react-hooks@7.13.5" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/react-hooks@7.13.5" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/react-hooks@7.13.5" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/react-hooks@7.13.5" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-icons@0.3.5" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-icons@0.3.5" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-icons@0.3.5" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-image@0.6.10" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-image@0.6.10" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-image@0.6.10" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-image@0.6.10" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-internal@7.142.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-internal@7.142.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-internal@7.142.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-internal@7.142.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-link@0.4.4" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-link@0.4.4" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-link@0.4.4" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-link@0.4.4" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-next@8.0.0-alpha.118" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-next@8.0.0-alpha.118" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-next@8.0.0-alpha.118" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-next@8.0.0-alpha.118" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-slider@0.3.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-slider@0.3.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-slider@0.3.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-slider@0.3.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-spinbutton@0.1.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-spinbutton@0.1.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-spinbutton@0.1.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-spinbutton@0.1.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-stylesheets@0.2.2" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-stylesheets@0.2.2" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-stylesheets@0.2.2" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-stylesheets@0.2.2" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-tabs@0.6.9" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-tabs@0.6.9" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-tabs@0.6.9" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-tabs@0.6.9" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-text@0.1.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-text@0.1.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-text@0.1.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-text@0.1.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-theme-provider@0.14.2" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-theme-provider@0.14.2" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-theme-provider@0.14.2" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-theme-provider@0.14.2" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-toggle@0.4.4" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-toggle@0.4.4" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-toggle@0.4.4" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-toggle@0.4.4" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-utilities@0.2.2" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-utilities@0.2.2" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-utilities@0.2.2" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-utilities@0.2.2" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-window-provider@0.3.3" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-window-provider@0.3.3" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react-window-provider@0.3.3" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react-window-provider@0.3.3" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react@7.142.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/react@7.142.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/react@7.142.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/react@7.142.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/storybook@0.5.1" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/storybook@0.5.1" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/storybook@0.5.1" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/storybook@0.5.1" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "enzyme@^3.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/test-utilities@7.3.0" has unmet peer dependency "react-test-renderer@^16.3.0".
warning " > @fluentui/theme@1.2.1" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @fluentui/theme@1.2.1" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @fluentui/theme@1.2.1" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @fluentui/theme@1.2.1" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/tsx-editor@0.13.18" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/tsx-editor@0.13.18" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/tsx-editor@0.13.18" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/tsx-editor@0.13.18" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/utilities@7.32.3" has unmet peer dependency "@types/react@>=16.8.0 <17.0.0".
warning " > @uifabric/utilities@7.32.3" has unmet peer dependency "@types/react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/utilities@7.32.3" has unmet peer dependency "react@>=16.8.0 <17.0.0".
warning " > @uifabric/utilities@7.32.3" has unmet peer dependency "react-dom@>=16.8.0 <17.0.0".
warning " > @uifabric/webpack-utils@7.0.25" has unmet peer dependency "webpack@>=4.0.0".
warning " > @uifabric/webpack-utils@7.0.25" has unmet peer dependency "react-loadable@>=5.0.0".
warning " > @fluentui/code-sandbox@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/code-sandbox@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/docs-components@0.51.0" has unmet peer dependency "prettier@^1.19.1".
warning " > @fluentui/docs-components@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/docs-components@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-bindings@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-bindings@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-builder@0.51.0" has unmet peer dependency "@babel/standalone@^7.8.3".
warning " > @fluentui/react-component-event-listener@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-event-listener@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-component-nesting-registry@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-nesting-registry@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-component-ref@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-component-ref@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-context-selector@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-icons-northstar@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-icons-northstar@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar-emotion-renderer@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar-emotion-renderer@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar-fela-renderer@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar-fela-renderer@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-northstar-styles-renderer@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-northstar@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning " > @fluentui/react-telemetry@0.51.0" has unmet peer dependency "react@^16.8.0".
warning " > @fluentui/react-telemetry@0.51.0" has unmet peer dependency "react-dom@^16.8.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > test-bundles > parallel-webpack@2.4.0" has unmet peer de
pendency "webpack@^1.12.9 || ^2.2.0 || ^3.x || ^4.x".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > vr-tests > awesome-typescript-loader@3.5.0" has incorrec
t peer dependency "typescript@^2".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > vr-tests > babel-loader@8.0.6" has unmet peer dependency
 "webpack@>=2".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > vr-tests > css-loader@3.5.3" has unmet peer dependency "
webpack@^4.0.0 || ^5.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > vr-tests > style-loader@1.2.1" has unmet peer dependency
 "webpack@^4.0.0 || ^5.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-config-airbnb@18.1.0" h
as incorrect peer dependency "eslint@^5.16.0 || ^6.8.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-config-airbnb@18.1.0" h
as incorrect peer dependency "eslint-plugin-react-hooks@^2.5.0 || ^1.7.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-plugin-deprecation@1.1.
0" has incorrect peer dependency "typescript@^3.7.5".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-plugin-import@2.22.0" h
as incorrect peer dependency "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-plugin-jsx-a11y@6.2.3"
has incorrect peer dependency "eslint@^3 || ^4 || ^5 || ^6".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/fast-components-st
yles-msft@4.29.0" has unmet peer dependency "lodash-es@^4.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/html@5.3.8" has un
met peer dependency "babel-loader@^7.0.0 || ^8.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming@5.3.8" has
 unmet peer dependency "react@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming@5.3.8" has
 unmet peer dependency "react-dom@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-info@5.3.8" has unmet
 peer dependency "react@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/core@5.3.8" has unmet peer
dependency "react@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/core@5.3.8" has unmet peer
dependency "react-dom@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > react-hot-loader@4.12.19" has unmet pe
er dependency "@types/react@^15.0.0 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > react-hot-loader@4.12.19" has unmet pe
er dependency "react@^15.0.0 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > react-hot-loader@4.12.19" has unmet pe
er dependency "react-dom@^15.0.0 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > react-vis@1.11.7" has unmet peer depen
dency "react@15.3.0 - 16.x".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > request-promise-native@1.0.9" has unme
t peer dependency "request@^2.34".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/docs-components > react-ace@5.10.0" has unmet
peer dependency "react-dom@^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/docs-components > react-element-to-jsx-string@
14.3.1" has unmet peer dependency "react-dom@^0.14.8 || ^15.0.1 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/docs > @mdx-js/react@1.5.5" has incorrect peer
 dependency "react@^16.9.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/docs > react-source-render@4.0.0-1" has unmet
peer dependency "@babel/standalone@^7.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-builder > react-frame-component@4.1.1" h
as unmet peer dependency "prop-types@^15.5.9".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-northstar > fela-tools@10.6.1" has unmet
 peer dependency "fela@^10.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-northstar > jest-react-fela@10.6.1" has
unmet peer dependency "fela@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-northstar > jest-react-fela@10.6.1" has
unmet peer dependency "react-fela@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > vr-tests > @storybook/addons > @storybook/api@5.3.8" has
 unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-config-airbnb > eslint-
config-airbnb-base@14.1.0" has incorrect peer dependency "eslint@^5.16.0 || ^6.8.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/eslint-plugin > eslint-plugin-jsx-a11y > axobj
ect-query@2.1.1" has incorrect peer dependency "eslint@^5 || ^6".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-examples > storybook-addon-performance >
 @storybook/api@5.3.18" has unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/react-examples > storybook-addon-performance >
 styled-components@5.1.0" has unmet peer dependency "react-is@>= 16.8.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/fast-components-st
yles-msft > @microsoft/fast-jss-manager@4.2.0" has unmet peer dependency "lodash-es@^4.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/fast-components-st
yles-msft > @microsoft/fast-jss-utilities@4.8.0" has unmet peer dependency "lodash-es@^4.17.10".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/fast-components-styles-msft > @microsoft/fast-web-utilities@4.6.0" has unmet peer dependency
"lodash-es@^4.17.10".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/eslint-config-fast-dna > @typescript-eslint/eslint-plugin@2.34.0" has incorrect peer dependen
cy "eslint@^5.0.0 || ^6.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @microsoft/eslint-config-fast-dna > @typescript-eslint/parser@2.34.0" has incorrect peer dependency "esl
int@^5.0.0 || ^6.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming > @emotion/core@10.0.27" has unmet peer dependency "react@>=16.3.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming > @emotion/styled@10.0.27" has unmet peer dependency "react@>=16.3.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming > emotion-theming@10.0.27" has unmet peer dependency "react@>=16.3.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-a11y > @storybook/api@6.0.0-alpha.1" has unmet peer dependency "regenerator-runtime@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-a11y > @storybook/components@6.0.0-alpha.1" has unmet peer dependency "react-dom@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-a11y > @storybook/theming@6.0.0-alpha.1" has unmet peer dependency "react-dom@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-a11y > react-sizeme@2.6.12" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0-0 || ^16.0.0
".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/core > @storybook/router@5.3.8" has unmet peer dependency "react@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/core > @storybook/router@5.3.8" has unmet peer dependency "react-dom@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > react-vis > react-motion@0.5.2" has unmet peer dependency "react@^0.14.9 || ^15.3.0 || ^16.0.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > request-promise-native > request-promise-core@1.1.4" has unmet peer dependency "request@^2.34".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/cli > @storybook/codemod > jest-specific-snapshot@2.0.0" has unmet peer dependency "jest@*".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @fluentui/web-components > @storybook/theming > @emotion/styled > @emotion/styled-base@10.0.27" has unmet peer dependency "react@>=
16.3.0".
warning "workspace-aggregator-ebfe266c-9201-42f5-bbcb-0d67ab09ff05 > @uifabric/build > @storybook/addon-a11y > @storybook/api > @storybook/router@6.0.0-alpha.1" has unmet peer dependency "react-dom@*"
.
[4/4] Building fresh packages...
$ node ./scripts/postinstall.js

All dependencies are installed! This repo no longer requires a build to start the inner loop.
For inner loop development, run:
  yarn start

Done in 521.72s.

jimre@JPRDEV MINGW64 /d/ddesktop/fabric/fluentui (master)
$ yarn start
yarn run v1.22.5
$ node scripts/start.js
√ Which project to start (select or type partial name)? » @fluentui/react
$ just-scripts dev:storybook
[9:21:06 AM] ■ started 'dev:storybook'
[9:21:06 AM] ■ started 'storybook:start'
info => Loading static files from: D:\ddesktop\fabric\fluentui\packages\react\static .
info => Loading presets
info => Loading presets
info => Loading custom manager config.
info => Loading config/preview file in "D:\ddesktop\fabric\fluentui\packages\react-examples\.storybook".
info => Using default Webpack setup.
info => Using base config because react-scripts is not installed.
[hardsource:9fe3b855] Writing new cache 9fe3b855...
[hardsource:9fe3b855] Tracking node dependencies with: package.json, node_modules/*.
webpack built f4c1b6562252bf6a266a in 63557ms
× ｢wdm｣: Hash: f4c1b6562252bf6a266a
Version: webpack 4.43.0
Time: 63557ms
Built at: 10/15/2020 9:22:11 AM
                                          Asset      Size        Chunks                                Chunk Names
                                    iframe.html   3.1 KiB                [emitted]
            main.f4c1b6562252bf6a266a.bundle.js  7.98 MiB          main  [emitted] [immutable]  [big]  main
        main.f4c1b6562252bf6a266a.bundle.js.map  6.38 MiB          main  [emitted] [dev]               main
    runtime~main.f4c1b6562252bf6a266a.bundle.js  33.5 KiB  runtime~main  [emitted] [immutable]         runtime~main
runtime~main.f4c1b6562252bf6a266a.bundle.js.map  34.7 KiB  runtime~main  [emitted] [dev]               runtime~main
    vendors~main.f4c1b6562252bf6a266a.bundle.js  7.71 MiB  vendors~main  [emitted] [immutable]  [big]  vendors~main
vendors~main.f4c1b6562252bf6a266a.bundle.js.map  7.98 MiB  vendors~main  [emitted] [dev]               vendors~main
Entrypoint main [big] = runtime~main.f4c1b6562252bf6a266a.bundle.js runtime~main.f4c1b6562252bf6a266a.bundle.js.map vendors~main.f4c1b6562252bf6a266a.bundle.js vendors~main.f4c1b6562252bf6a266a.bundle
.js.map main.f4c1b6562252bf6a266a.bundle.js main.f4c1b6562252bf6a266a.bundle.js.map
[0] multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.s
torybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true 64 bytes {main} [built]
[../../node_modules/@storybook/addon-a11y/dist/index.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/addon-a11y/dist/index.js 5.23 KiB {vendors~main} [built]
[../../node_modules/@storybook/addon-info/dist/index.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/addon-info/dist/index.js 4.39 KiB {vendors~main} [built]
[../../node_modules/@storybook/addon-knobs/dist/index.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/addon-knobs/dist/index.js 6.28 KiB {vendors~main} [built]
[../../node_modules/@storybook/core/dist/server/common/polyfills.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js 120 bytes {vendors~main} [built]
[../../node_modules/@storybook/core/dist/server/preview/globals.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js 93 bytes {vendors~main} [built]
[../../node_modules/@storybook/react/dist/client/index.js] D:/ddesktop/fabric/fluentui/node_modules/@storybook/react/dist/client/index.js 1.34 KiB {vendors~main} [built]
[../../node_modules/airbnb-js-shims/index.js] D:/ddesktop/fabric/fluentui/node_modules/airbnb-js-shims/index.js 40 bytes {vendors~main} [built]
[../../node_modules/core-js/features/symbol/index.js] D:/ddesktop/fabric/fluentui/node_modules/core-js/features/symbol/index.js 359 bytes {vendors~main} [built]
[../../node_modules/core-js/modules/es.array.concat.js] D:/ddesktop/fabric/fluentui/node_modules/core-js/modules/es.array.concat.js 2.34 KiB {vendors~main} [built]
[../../node_modules/core-js/modules/es.array.for-each.js] D:/ddesktop/fabric/fluentui/node_modules/core-js/modules/es.array.for-each.js 300 bytes {vendors~main} [built]
[../../node_modules/core-js/modules/es.array.from.js] D:/ddesktop/fabric/fluentui/node_modules/core-js/modules/es.array.from.js 440 bytes {vendors~main} [built]
[../../node_modules/core-js/modules/es.array.includes.js] D:/ddesktop/fabric/fluentui/node_modules/core-js/modules/es.array.includes.js 766 bytes {vendors~main} [built]
[../../node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true] (webpack)-hot-middleware/client.js?reload=true&quiet=true 7.68 KiB {vendors~main} [built]
[../react-examples/.storybook/preview.js] .-examples/.storybook/preview.js 6.6 KiB {main} [built]
    + 4978 hidden modules

ERROR in .-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/f
luentui/node_modules/postcss-loader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelec
tedItem.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.personaContainer {
  @include focus-border(-2px);
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  background: $ms-color-themeLighterAlt;
  margin: 4px;
  cursor: default;
  user-select: none;
  vertical-align: middle;
  position: relative;

  // Setting global values here to override persona's normal behavior specifically in this selected variation
  :global(.ms-Persona-primaryText) {
    color: $ms-color-themeDark;
    @include ms-font-m;

    &.hover {
      color: $ms-color-themeDark;
    }

    @include high-contrast {
      color: HighlightText;
    }
  }

  .actionButton {
    &:hover {
      background: $ms-color-themeLight;
    }

    :global(.ms-Button-icon) {
      color: $ms-color-themeDark;

      @include high-contrast {
        color: HighlightText;
      }
    }
  }

  &:hover {
    background: $ms-color-themeLighter;

    // Setting global values here to override persona's normal behavior specifically in this selected variation
    :global(.ms-Persona-primaryText) {
      color: $ms-color-themeDark;
      @include ms-font-m;

      @include high-contrast {
        color: HighlightText;
      }
    }
  }

  &.personaContainerIsSelected {
    background: $ms-color-themePrimary;

    // Setting global values here to override persona's normal behavior specifically in this selected variation
    :global(.ms-Persona-primaryText) {
      color: $ms-color-white;

      @include high-contrast {
        color: HighlightText;
      }
    }

    .actionButton {
      color: $ms-color-white;

      :global(.ms-Button-icon) {
        color: $ms-color-themeDark;

        &:hover {
          background: $ms-color-themeDark;
        }

        @include high-contrast {
          color: HighlightText;
        }
      }
    }

    @include high-contrast {
      border-color: Highlight;
      background: Highlight;
      -ms-high-contrast-adjust: none;
    }
  }

  &.validationError {
    // Setting global values here to override persona's normal behavior in the error version
    :global(.ms-Persona-primaryText) {
      color: $ms-color-red;
    }

    :global(.ms-Persona-initials) {
      font-size: 20px;
    }
  }

  @include high-contrast {
    border: 1px solid WindowText;
  }

  .itemContent {
    flex: 0 1 auto;
    min-width: 0px;

    /** CSS below is needed for IE 11 to properly truncate long persona names in the picker **/
    max-width: 100%;
  }

  .removeButton {
    border-radius: 15px;
    flex: 0 0 auto;
    width: 33px;
    height: 33px;
    flex-basis: 32px;
  }

  .expandButton {
    border-radius: 15px 0px 0px 15px;
    height: 33px;
    width: 44px;
    padding-right: 16px;
    position: inherit;
    display: flex;
    margin-right: -17px;
  }

  .personaWrapper {
    position: relative;
    display: inherit;

    :global(.ms-Persona-details) {
      padding: 0px 8px;
    }
  }

  .personaDetails {
    flex: 0 1 auto;
  }
}

.itemContainer {
  display: inline-block;
  vertical-align: top;
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\SelectedItemsList\SelectedPeopleList\Items\ExtendedSelectedItem.scss (line 1, column 1)
 @ .-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss 1:14-255
 @ .-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx
 @ .-internal/src/components/SelectedItemsList/index.ts
 @ .-internal/src/SelectedItemsList.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in .-internal/src/components/ExtendedPicker/BaseExtendedPicker.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/fluentui/node_modules/postcss-l
oader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/ExtendedPicker/BaseExtendedPicker.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.pickerText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid $ms-color-neutralTertiary;
  min-width: 180px;
  padding: 1px;
  min-height: 32px;
  &:hover {
    border-color: $ms-color-themeLight;
  }
}

.pickerInput {
  height: 34px;
  border: none;
  flex-grow: 1;
  outline: none;
  padding: 0 6px 0px;
  margin: 1px;

  &::-ms-clear {
    display: none;
  }
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\ExtendedPicker\BaseExtendedPicker.scss (line 1, column 1)
 @ .-internal/src/components/ExtendedPicker/BaseExtendedPicker.scss 1:14-235
 @ .-internal/src/components/ExtendedPicker/BaseExtendedPicker.tsx
 @ .-internal/src/components/ExtendedPicker/index.ts
 @ .-internal/src/ExtendedPicker.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in .-internal/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/fluentui/node_modules/po
stcss-loader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.resultContent {
  display: table-row;
  .resultItem {
    display: table-cell;
    vertical-align: bottom;
  }
}

.peoplePickerPersona {
  width: 180px;
  :global(.ms-Persona-details) {
    width: 100%;
  }
}

.peoplePicker {
  :global(.ms-BasePicker-text) {
    min-height: 40px;
  }
}

.peoplePickerPersonaContent {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 7px 12px;
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\FloatingPicker\PeoplePicker\PeoplePicker.scss (line 1, column 1)
 @ .-internal/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss 1:14-238
 @ .-internal/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx
 @ .-internal/src/components/FloatingPicker/index.ts
 @ .-internal/src/FloatingPicker.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in .-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/fluentui/node_mo
dules/postcss-loader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.resultContent {
  display: table-row;
  .resultItem {
    display: table-cell;
    vertical-align: bottom;
  }
}

.peoplePickerPersona {
  width: 180px;
  :global(.ms-Persona-details) {
    width: 100%;
  }
}

.peoplePicker {
  :global(.ms-BasePicker-text) {
    min-height: 40px;
  }
}

.peoplePickerPersonaContent {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\ExtendedPicker\PeoplePicker\ExtendedPeoplePicker.scss (line 1, column 1)
 @ .-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss 1:14-246
 @ .-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx
 @ .-internal/src/components/ExtendedPicker/index.ts
 @ .-internal/src/ExtendedPicker.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in .-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/fluentui/node_modul
es/postcss-loader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.root {
  min-width: 260px;
}

.actionButton {
  background: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0px;
  position: relative;
  @include text-align(left);
  width: 100%;
  font-size: 12px;
  &:hover {
    background-color: $ms-color-neutralLighter;
    cursor: pointer;
  }
  // TODO: Works in Chrome, but not working in IE
  &:focus,
  &:active {
    background-color: $ms-color-themeLight;
  }

  :global(.ms-Button-icon) {
    font-size: 16px;
    width: 25px;
  }

  :global(.ms-Button-label) {
    @include margin(0, 4px, 0, 9px);
  }
}

.buttonSelected {
  background-color: $ms-color-themeLighter;

  &:hover {
    background-color: $ms-color-themeLight;
    cursor: pointer;
  }
}

.suggestionsTitle {
  font-size: $ms-font-size-s;
}

.suggestionsSpinner {
  margin: 5px 0;
  @include padding-left(14px);
  @include text-align(left);
  white-space: nowrap;
  line-height: 20px;
  font-size: 12px;

  :global(.ms-Spinner-circle) {
    display: inline-block;
    vertical-align: middle;
  }
  :global(.ms-Spinner-label) {
    display: inline-block;
    @include margin(0px, 10px, 0, 16px);
    vertical-align: middle;
  }
}

.itemButton {
  height: 100%;
  width: 100%;
  padding: 7px 12px;

  @include high-contrast {
    color: WindowText;
  }
}

.screenReaderOnly {
  @include ms-screenReaderOnly;
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\FloatingPicker\Suggestions\SuggestionsControl.scss (line 1, column 1)
 @ .-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss 1:14-244
 @ .-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx
 @ .-internal/src/components/FloatingPicker/index.ts
 @ .-internal/src/FloatingPicker.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in .-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss (D:/ddesktop/fabric/fluentui/node_modules/css-loader/dist/cjs.js??ref--10-1!D:/ddesktop/fabric/fluentui/node_modules/
postcss-loader/src??ref--10-2!D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js!.-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss)
Module build failed (from D:/ddesktop/fabric/fluentui/node_modules/sass-loader/lib/loader.js):

@import '~@fluentui/common-styles/dist/sass/common';

.suggestionsContainer {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;

  :global(.ms-Suggestion-item) {
    &:hover {
      background-color: $ms-color-neutralLighter;
      cursor: pointer;
    }
  }

  :global(.is-suggested) {
    background-color: $ms-color-themeLighter;

    &:hover {
      background-color: $ms-color-themeLight;
      cursor: pointer;
    }
  }
}

^
      File to import not found or unreadable: ~@fluentui/common-styles/dist/sass/common.
      in D:\ddesktop\fabric\fluentui\packages\react-internal\src\components\FloatingPicker\Suggestions\SuggestionsCore.scss (line 1, column 1)
 @ .-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss 1:14-241
 @ .-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx
 @ .-internal/src/components/FloatingPicker/index.ts
 @ .-internal/src/FloatingPicker.ts
 @ .-internal/src/index.ts
 @ ./src/index.ts
 @ ../theme-samples/src/WordCustomizations.ts
 @ ../theme-samples/src/index.ts
 @ ../storybook/src/themes/v7/WordTheme.ts
 @ ../storybook/src/themes/v7/index.ts
 @ ../storybook/src/knobs/useTheme.ts
 @ ../storybook/src/decorators/withThemeProvider.tsx
 @ ../storybook/src/decorators/index.ts
 @ ../storybook/src/index.ts
 @ .-examples/.storybook/preview.js
 @ multi D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/common/polyfills.js D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/preview/globals.js .-examples/.st
orybook/preview.js (webpack)-hot-middleware/client.js?reload=true&quiet=true
Child HtmlWebpackCompiler:
                          Asset     Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.5 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [../../node_modules/html-webpack-plugin/lib/loader.js!../../node_modules/@storybook/core/dist/server/templates/index.ejs] D:/ddesktop/fabric/fluentui/node_modules/html-webpack-plugin/lib/loader.js
!D:/ddesktop/fabric/fluentui/node_modules/@storybook/core/dist/server/templates/index.ejs 2.12 KiB {HtmlWebpackPlugin_0} [built]

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

[9:22:12 AM] ■ finished 'storybook:start' in 65.77s
[9:22:12 AM] ■ finished 'dev:storybook' in 66.02s
velociwabbit commented 4 years ago

just figured out the problem/

yarn install does not yarn build and you need to yarn build before starting the examples perhaps yarn install should also yarn build to create the examples that are workable. this would be the expected result

ecraig12345 commented 4 years ago

Our intent was that you could just do yarn followed by yarn start without having to build, but it looks like that was broken by some recent changes. I'll make a PR fixing that part.

velociwabbit commented 4 years ago

As part of the PR you should confirm that all of the options instantiate correctly. There were at least 4 that had errors other than the one we just identified. When you select for exampl next it just sits there

msft-github-bot commented 3 years ago

:tada:This issue was addressed in #15543, which has now been successfully released as @fluentui/common-styles@v1.0.0-beta.0.:tada:

Handy links: