Skip to content
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

(web-components) Design token cleanup #18410

Conversation

bheston
Copy link
Contributor

@bheston bheston commented Jun 1, 2021

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

Updated exported design token names to more closely follow the updated design language.

  • neutralContrastFill -> neutralFillInverse
  • neutralFillToggle -> neutralFillContrast
  • neutralFocus -> focusStrokeOuter
  • neutralFocusInnerAccent -> focusStrokeInner
  • outline -> stroke
  • Removed 'selected' colors

Focus areas to test

(optional)

Copy link
Member

@chrisdholt chrisdholt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@bheston I think you meant to open this against features/web-components-vNext

@bheston bheston changed the base branch from master to features/web-components-vNext June 1, 2021 23:32
@chrisdholt chrisdholt force-pushed the features/web-components-vNext branch from b013a96 to a5e0caf Compare June 8, 2021 20:06
chrisdholt and others added 6 commits June 9, 2021 11:45
…osoft#18187)

* update accordion to use foundation element

* update anchor to extend foundation element

* update anchored region to extend foundation element

* correct style exports

* update badge to extend foundation

* update breadcrumb to extend foundation element

* update button to extend foundation element

* update checkbox to extend foundation element

* update combobox to extend foundation element

* update dialog to extend foundation element

* update divider styles

* update flipper to extend foundation element

* update horizontal scroll to extend foundation element

* update listbox to extend foundation element

* update listbox option to extend foundation element

* update naming for exported registries

* update menu and menu item to extend foundation

* aupdate number field to extend foundation element

* update progress to extend foundation element

* update radio, radiogroup and select to extend foundation el

* update skeleton to extend foundation element

* update slider to extend foundation element

* update switch to extend foundation component

* correct prefix for export names

* update text area to extend foundation element

* update text field to extend foundation

* update tooltip to extend foundation element

* update tree view to extend foundation element

* update comments v1

* export all custom element definitions

* exportfluent design system and definitions from rollup

* add data grid

* update fast to fluent in rollup

* add beta package to start updating w/ foundation element

* update stories files

* Change files
- neutralContrastFill -> neutralFillInverse
- neutralFillToggle -> neutralFillContrast
- neutralFocus -> focusStrokeOuter
- neutralFocusInnerAccent -> focusStrokeInner
- outline -> stroke
- Removed 'selected' colors
Defining visual intent using adjective form opposed to implementation details
- cornerRadius -> controlConerRadius
- elevatedCornerRadius -> surfaceCornerRadius
- removed neutral foreground states
Copy link
Member

@chrisdholt chrisdholt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @bheston!

@chrisdholt chrisdholt merged commit 4422454 into microsoft:features/web-components-vNext Jun 9, 2021
@bheston bheston deleted the design-token-cleanup branch June 18, 2021 00:18
chrisdholt added a commit that referenced this pull request Jul 2, 2021
* Rename and clean up of design tokens and recipe:
- neutralContrastFill -> neutralFillInverse
- neutralFillToggle -> neutralFillContrast
- neutralFocus -> focusStrokeOuter
- neutralFocusInnerAccent -> focusStrokeInner
- outline -> stroke
- Removed 'selected' colors

* Added deprecated alias tokens for renames

* Rename neutral fill "contrast" to "strong"
Defining visual intent using adjective form opposed to implementation details

* Updated a couple more design tokens
- cornerRadius -> controlConerRadius
- elevatedCornerRadius -> surfaceCornerRadius
- removed neutral foreground states

* Change files

Co-authored-by: Chris Holt <chhol@microsoft.com>
chrisdholt added a commit that referenced this pull request Jul 2, 2021
* Rename and clean up of design tokens and recipe:
- neutralContrastFill -> neutralFillInverse
- neutralFillToggle -> neutralFillContrast
- neutralFocus -> focusStrokeOuter
- neutralFocusInnerAccent -> focusStrokeInner
- outline -> stroke
- Removed 'selected' colors

* Added deprecated alias tokens for renames

* Rename neutral fill "contrast" to "strong"
Defining visual intent using adjective form opposed to implementation details

* Updated a couple more design tokens
- cornerRadius -> controlConerRadius
- elevatedCornerRadius -> surfaceCornerRadius
- removed neutral foreground states

* Change files

Co-authored-by: Chris Holt <chhol@microsoft.com>
PeterDraex pushed a commit to PeterDraex/fluentui that referenced this pull request Aug 6, 2021
* Rename and clean up of design tokens and recipe:
- neutralContrastFill -> neutralFillInverse
- neutralFillToggle -> neutralFillContrast
- neutralFocus -> focusStrokeOuter
- neutralFocusInnerAccent -> focusStrokeInner
- outline -> stroke
- Removed 'selected' colors

* Added deprecated alias tokens for renames

* Rename neutral fill "contrast" to "strong"
Defining visual intent using adjective form opposed to implementation details

* Updated a couple more design tokens
- cornerRadius -> controlConerRadius
- elevatedCornerRadius -> surfaceCornerRadius
- removed neutral foreground states

* Change files

Co-authored-by: Chris Holt <chhol@microsoft.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants