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(number-field): add missing --mod-* tokens #4565

Merged
merged 1 commit into from
Jun 14, 2024
Merged

Conversation

Rocss
Copy link
Contributor

@Rocss Rocss commented Jun 14, 2024

Description

Adds two more --mod-* tokens as per #4527
--mod-textfield-border-width
and
--mod-textfield-border-color.

I did not add a mod token for --spectrum-textfield-corner-radius because the focus outline would look weird if you modify this CSS property.

Related issue(s)

Motivation and context

Consumers are able to override border's width and color when hide-stepper is true.

How has this been tested?

  • Test case 1
    1. Go here
    2. Open the developer console and define --mod-textfield-border-width and --mod-textfield-border-color on the sp-number-field component
    3. The changes should be visible on the component.

Screenshots (if appropriate)

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

@Rocss Rocss changed the title feat(number-field): add missing --mod-* tokens feat(number-field): add missing --mod-* tokens Jun 14, 2024
Copy link

Branch preview

Visual regression test results

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

Copy link

Lighthouse scores

Category Latest (report) Main (report) Branch (report)
Performance 0.99 0.99 0.99
Accessibility 1 1 1
Best Practices 1 1 1
SEO 1 0.92 0.92
PWA 1 1 1
What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category Latest Main Branch
Total 222.29 kB 210.938 kB 🏆 211.00 kB
Scripts 54.421 kB 48.603 kB 🏆 48.638 kB
Stylesheet 35.031 kB 30.394 kB 🏆 30.397 kB
Document 6.008 kB 5.29 kB 🏆 5.305 kB
Font 126.83 kB 126.651 kB 🏆 126.66 kB

Request Count

Category Latest Main Branch
Total 45 45 45
Scripts 37 37 37
Stylesheet 5 5 5
Document 1 1 1
Font 2 2 2

Copy link

Tachometer results

Chrome

number-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 524 kB 65.99ms - 67.46ms - faster ✔
8% - 11%
5.65ms - 7.82ms
branch 511 kB 72.66ms - 74.26ms slower ❌
8% - 12%
5.65ms - 7.82ms
-

slider permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 480 kB 73.82ms - 75.36ms - faster ✔
2% - 6%
1.86ms - 4.38ms
branch 467 kB 76.72ms - 78.70ms slower ❌
2% - 6%
1.86ms - 4.38ms
-
Firefox

number-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 524 kB 146.53ms - 152.31ms - faster ✔
5% - 10%
7.67ms - 15.57ms
branch 511 kB 158.34ms - 163.74ms slower ❌
5% - 11%
7.67ms - 15.57ms
-

slider permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 480 kB 162.14ms - 169.22ms - unsure 🔍
-6% - +0%
-9.53ms - +0.09ms
branch 467 kB 167.16ms - 173.64ms unsure 🔍
-0% - +6%
-0.09ms - +9.53ms
-

@Rocss Rocss marked this pull request as ready for review June 14, 2024 13:46
@Rocss Rocss requested a review from a team June 14, 2024 13:47
Copy link
Collaborator

@najikahalsema najikahalsema left a comment

Choose a reason for hiding this comment

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

LGTM!

@najikahalsema najikahalsema merged commit 9703c43 into main Jun 14, 2024
58 checks passed
@najikahalsema najikahalsema deleted the rocss/4527 branch June 14, 2024 14:50
Rajdeepc added a commit that referenced this pull request Jun 18, 2024
* chore: release new versions #publish

* chore(overlay): overlay-trigger adds receives focus attribute (#4558)

* chore(overlay): overlay-trigger adds receives focus attribute

* chore(overlay): added storybook

* chore(overlay): updated golden image cache

---------

Co-authored-by: Rajdeep Chandra <rajdeepchandra@rajdeeps-mbp-2.macromedia.com>
Co-authored-by: Rajdeep Chandra <rajdeepchandra@Rajdeeps-MacBook-Pro-2.local>

* feat: add missing --mod-* tokens for number-field (#4565)

Co-authored-by: rmanole <rmanole@adobe.com>

---------

Co-authored-by: Rajdeep Chandra <rajdeepchandra@Rajdeeps-MacBook-Pro-2.local>
Co-authored-by: Rajdeep Chandra <rajrock38@gmail.com>
Co-authored-by: Rajdeep Chandra <rajdeepchandra@rajdeeps-mbp-2.macromedia.com>
Co-authored-by: rmanole <rmanole@adobe.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.

2 participants