-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Updating docs on how to extend the tokens #33229
base: master
Are you sure you want to change the base?
Conversation
📊 Bundle size report✅ No changes found |
Pull request demo site: URL |
@@ -0,0 +1,407 @@ | |||
# Migration notes from `@fluentui/[email protected]`to `@fluentui/[email protected]` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure that we want to this document in a new location. It was good in its time, some info in it is already outdated.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah agreed. The shorthands info is definitely out of date.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Removed this doc from the PR.
|
||
⚠ Components which use custom tokens cannot be shared between applications. Keep in mind that any application which uses a component with custom tokens must also add the custom tokens to its own themes. Instead of adding custom tokens inside potentially reusable components, you should talk to design. | ||
⚠ Components in this repo should _not_ do this. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's in public docsite, so we probably don't need this
``` | ||
|
||
⚠ Keep in mind that the object generated by the `themeToTokensObject()` will contain all the tokens and will not be tree-shakeable. | ||
``` | ||
|
||
```tsx | ||
import { themeToTokensObject } from '@fluentui/react-components'; | ||
``` | ||
|
||
export const customTokens = themeToTokensObject(customLightTheme); | ||
``` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Delete this empty blocks?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good catch - removed
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A few typos only and suggestion is up to you 🙂
@@ -0,0 +1,407 @@ | |||
# Migration notes from `@fluentui/[email protected]`to `@fluentui/[email protected]` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah agreed. The shorthands info is definitely out of date.
ee9eb1f
to
715fe2b
Compare
Leave's Shift's existing migration docs in place so as to not break any current links.
Copies the whole document to the current docs folder.
Takes a subset of that out and moves it to