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

[Status indicators] Create design spec for inline status #15561

Closed
5 of 10 tasks
Tracked by #13429
laurenmrice opened this issue Jan 17, 2024 · 6 comments
Closed
5 of 10 tasks
Tracked by #13429

[Status indicators] Create design spec for inline status #15561

laurenmrice opened this issue Jan 17, 2024 · 6 comments

Comments

@laurenmrice
Copy link
Member

laurenmrice commented Jan 17, 2024

Acceptance criteria

Final design spec

  1. Create a design spec for an inline status to be used by teams in their products. Ref the Status indicator pattern
  • An inline status should consist of a status icon / shape indicator and text.
  • Determine what the spacing should be between the icon and text
  • Determine what the type token should be for the text
  • Will the specs for this differ when text is paired with an icon or a shape indicator?
  • Review

Shape indicator and text pairing (re-spec)

  1. We re-opened this issue to further investigate the size of the shape indicator and its relationship and spacing when paired with text. Make sure these aspects are both correct.
  • Consider this Inline loading has been updated to 14px text
  • Determine the asset size of the shape indicator when paired with 12px and 14px text.
  • Determine the spacing between the shape indicator when paired with 12px and 14px text.
  • Review
  • Post image of updated spec if it has changed
Copy link
Contributor

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

@laurenmrice laurenmrice moved this to ⏱ Backlog in Design System Jan 17, 2024
@laurenmrice laurenmrice moved this from Triage to Next in Roadmap Jan 17, 2024
@aubrey-oneal aubrey-oneal moved this from ⏱ Backlog to 🏗 In Progress in Design System Jan 23, 2024
@aubrey-oneal
Copy link
Member

Notes

  • This will be a spec for development
  • Make a file in Carbon components and patterns space for now. Once ready to add it to file we can add a branch.

@aubrey-oneal aubrey-oneal moved this from 🏗 In Progress to 🚦 In Review in Design System Jan 30, 2024
@aubrey-oneal
Copy link
Member

Figma design spec here

@aubrey-oneal
Copy link
Member

aubrey-oneal commented Jan 31, 2024

Image

@aubrey-oneal aubrey-oneal moved this from 🚦 In Review to ✅ Done in Design System Jan 31, 2024
@github-project-automation github-project-automation bot moved this from Next to Completed in Roadmap Feb 1, 2024
@laurenmrice laurenmrice changed the title Create design spec for inline status [Status indicators] Create design spec for inline status May 15, 2024
@laurenmrice
Copy link
Member Author

Need to review the spec for the shape indicator size in relation to the type.

@laurenmrice laurenmrice reopened this Aug 28, 2024
@laurenmrice laurenmrice closed this as completed by moving to ✅ Done in Design System Aug 28, 2024
@laurenmrice laurenmrice reopened this Aug 28, 2024
@github-project-automation github-project-automation bot moved this from ✅ Done to ⏱ Backlog in Design System Aug 28, 2024
@github-project-automation github-project-automation bot moved this from Completed to Triage in Roadmap Aug 28, 2024
@laurenmrice laurenmrice moved this from Triage to Now in Roadmap Aug 28, 2024
@laurenmrice laurenmrice modified the milestones: 2024 Q1, 2024 Q3 Aug 28, 2024
@thyhmdo thyhmdo moved this from ⏱ Backlog to 🏗 In Progress in Design System Sep 9, 2024
@thyhmdo thyhmdo moved this from 🏗 In Progress to 🚦 In Review in Design System Sep 11, 2024
@thyhmdo thyhmdo moved this from 🚦 In Review to ⏱ Backlog in Design System Sep 24, 2024
@sstrubberg sstrubberg removed this from Roadmap Sep 27, 2024
@sstrubberg sstrubberg modified the milestones: 2024 Q3, 2024 Q4 Sep 27, 2024
@thyhmdo
Copy link
Member

thyhmdo commented Oct 8, 2024

Refer to these issues for final specs #17539 and #17540

@thyhmdo thyhmdo closed this as completed Oct 8, 2024
@github-project-automation github-project-automation bot moved this from ⏱ Backlog to ✅ Done in Design System Oct 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

4 participants