-
Notifications
You must be signed in to change notification settings - Fork 201
docs: add storybook migrated badge #3690
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
docs: add storybook migrated badge #3690
Conversation
|
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
eslint
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
spectrum-css/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js
Line 35 in a6d4f7b
status: { |
Expected indentation of 2 tabs but found 4 spaces.
spectrum-css/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js
Line 36 in a6d4f7b
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
spectrum-css/components/infieldprogresscircle/stories/infieldprogresscircle.stories.js
Line 37 in a6d4f7b
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
spectrum-css/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
Line 47 in a6d4f7b
status: { |
Expected indentation of 2 tabs but found 4 spaces.
spectrum-css/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
Line 48 in a6d4f7b
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
spectrum-css/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js
Line 49 in a6d4f7b
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
}, |
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
Expected indentation of 1 tab but found 2 spaces.
status: { |
Expected indentation of 2 tabs but found 4 spaces.
type: "migrated", |
Expected indentation of 1 tab but found 2 spaces.
File metricsSummaryTotal size: 1.38 MB* 🎉 No changes detected in any packages * Size is the sum of all main files for packages in the library.* An ASCII character in UTF-8 is 8 bits or 1 byte. |
🚀 Deployed on https://pr-3690--spectrum-css.netlify.app |
6117bc3
to
cfd5ecd
Compare
@@ -85,6 +85,11 @@ export const parameters = { | |||
color: "#fff", | |||
description: "Should not be used and will not receive updates.", | |||
}, | |||
migrated: { | |||
background: "rgb(84, 36, 219)", |
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.
I have the rgb for indigo-1100 in light mode. We could forseeably use tokens for the background & font color, but I saw we didn't do that with the deprecated status, so I elected not to do that for migrated.
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 I think I tried once and there was a type-check in place for the tool so it throws an error.
CoachMarkMediaOptionsTemplate, | ||
CoachmarkMenuStatesTemplate, | ||
Template, |
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.
My linter keeps correcting these.
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.
Ah yes, alphabetical sorting is in our linting system I think.
@@ -1,6 +1,6 @@ | |||
import { Sizes } from "@spectrum-css/preview/decorators"; |
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.
Another linting pick up, I guess?
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.
YAY I'm so excited for this update! I can re-review when it's ready. 💃
@@ -85,6 +85,11 @@ export const parameters = { | |||
color: "#fff", | |||
description: "Should not be used and will not receive updates.", | |||
}, | |||
migrated: { | |||
background: "rgb(84, 36, 219)", |
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 I think I tried once and there was a type-check in place for the tool so it throws an error.
CoachMarkMediaOptionsTemplate, | ||
CoachmarkMenuStatesTemplate, | ||
Template, |
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.
Ah yes, alphabetical sorting is in our linting system I think.
cfd5ecd
to
5e7c3a6
Compare
5e7c3a6
to
ca23f1d
Compare
Adds the migrated status to components that have been migrated fully to S2. A migrated badge to the storybook toolbar should now appear for those components.
ca23f1d
to
b033f69
Compare
Description
This work adds the "migrated" status to S2 migrated components. A new indigo badge should appear on component pages for a S2-migrated components. 🥳 This will be really nice to have once
spectrum-two
has merged into ourmain
branch, especially if not all components have been migrated!Jira/Specs
CSS-1192
CSS-604 (epic for S2 Migration)
How and where has this been tested?
Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.
Validation steps
status: { type: "migrated" }
parameter has been added to each S2 migrated component, according to the list in the S2 Migration epic. All components have an associated ticket, EXCEPT FOR:parameters
object in the component's CSF, add:Regression testing
Validate:
Screenshots
To-do list