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

feat(pill): added pill component #50

Merged
merged 32 commits into from
Oct 24, 2022

Conversation

hcafaq
Copy link
Contributor

@hcafaq hcafaq commented Aug 12, 2022

added a pill component alongside tests to display information

Pull Request

Description

image

### Type of change
  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Documentation change

How do I test this

import Pill from '@heycar-uikit/pill';

Checklist

Did you remember to take care of the following?

  • npm i – for new NPM dependencies.
  • npm run lint - to check for linting issues
  • npm run test - to run unit tests
  • npm run test:screenshots - to run snapshot tests

New Feature / Bug Fix

  • Run unit tests to ensure all existing tests are still passing.
  • Add new passing unit tests to cover the code introduced by your pr.

Thanks for contributing!

@hcafaq hcafaq self-assigned this Aug 12, 2022
@github-actions
Copy link

Compiled a new version demo.

@coveralls
Copy link

coveralls commented Aug 12, 2022

Pull Request Test Coverage Report for Build 3226452550

  • 39 of 39 (100.0%) changed or added relevant lines in 10 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage increased (+0.06%) to 98.751%

Totals Coverage Status
Change from base Build 3189433027: 0.06%
Covered Lines: 812
Relevant Lines: 814

💛 - Coveralls

@github-actions
Copy link

github-actions bot commented Aug 12, 2022

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements 99.66% 880/883
🟢 Branches 93.2% 137/147
🟢 Functions 97.73% 43/44
🟢 Lines 99.75% 812/814
Show new covered files 🐣
St.
File Statements Branches Functions Lines
🟢 pill/src/Pill.tsx 100% 100% 100% 100%

Test suite run success

212 tests passing in 30 suites.

Report generated by 🧪jest coverage report action from dff6c93

Copy link
Contributor

@derek-heycar derek-heycar left a comment

Choose a reason for hiding this comment

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

  • SH tests
  • use typography mixin for the fonts, according the template it should be Subheader/Sub Header 3 - Med
  • provide all of the default HTML attributes to the components
  • getting approve from DT
  • check the link on the sigma template, I guess it's not correct.
  • Could you check pls, is available multiline for this component ? Because I guess the height of the component should be constants 28px.

Screenshot 2022-08-24 at 16 17 28

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

packages/pill/src/Pill.types.ts Outdated Show resolved Hide resolved
packages/pill/src/__tests__/Pill.snapshot.test.tsx Outdated Show resolved Hide resolved
packages/pill/src/__tests__/Pill.test.tsx Show resolved Hide resolved
packages/pill/src/__tests__/Pill.test.tsx Outdated Show resolved Hide resolved
@github-actions
Copy link

github-actions bot commented Sep 1, 2022

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

Copy link
Contributor

@derek-heycar derek-heycar left a comment

Choose a reason for hiding this comment

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

Something went wrong. You updated all the sh images for all packages. it is unacceptable. Could you please check it.

@github-actions
Copy link

github-actions bot commented Oct 4, 2022

Compiled a new version demo.

@github-actions
Copy link

github-actions bot commented Oct 5, 2022

Compiled a new version demo.

hcafaq and others added 4 commits October 5, 2022 14:23
added a pill component alongside tests to display information
fixed linting space issue in module.css file
# [2.1.0](v2.0.1...v2.1.0) (2022-10-10)

### Features

* **icons:** added updated icons ([#89](#89)) ([5dad4af](5dad4af))
 - @heycar-uikit/[email protected]
 - @heycar-uikit/[email protected]
 - @heycar-uikit/[email protected]
Copy link
Contributor

@derek-heycar derek-heycar left a comment

Choose a reason for hiding this comment

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

and one more thing, could you please add the accessibility focus on the component?

packages/pill/src/styles/default.module.css Outdated Show resolved Hide resolved
packages/pill/src/styles/default.module.css Outdated Show resolved Hide resolved
Copy link
Contributor

@derek-heycar derek-heycar left a comment

Choose a reason for hiding this comment

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

You added two similar screenshots.
I guess these should be different and should check different states and views as well, at least one with the default state and with the left icon.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@github-actions
Copy link

Compiled a new version demo.

@hcafaq hcafaq merged commit bcfd655 into main Oct 24, 2022
@hcafaq hcafaq deleted the feature/HEYUI-136-implementations-of-pill-component branch October 24, 2022 13:22
derek-heycar pushed a commit that referenced this pull request Oct 25, 2022
# [2.9.0](v2.8.0...v2.9.0) (2022-10-25)

### Bug Fixes

* fixing typo from statuses to status ([#104](#104)) ([ba895ca](ba895ca))

### Features

* **pill:** added pill component ([#50](#50)) ([bcfd655](bcfd655)), closes [#89](#89) [#89](#89)
@derek-heycar
Copy link
Contributor

🎉 This PR is included in version 2.9.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants