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(range): add rh-range #870

Draft
wants to merge 355 commits into
base: main
Choose a base branch
from
Draft

feat(range): add rh-range #870

wants to merge 355 commits into from

Conversation

nikkimk
Copy link
Collaborator

@nikkimk nikkimk commented Mar 28, 2023

What I did

  • Made rh-range its own branch so that rh-audio-player can continue without the component.

Resolve accessibility issues identified by axe DevTools:

  • aria-label attribute cannot be used on a rh-range with no valid role attribute
  • aria-hidden element must not be focusable nor contain focusable elements

Testing Instructions

  1. Test range with axe DevTools.
  2. Set value of range using keyboard only.
  3. Set value of range using mouse.

Notes to Reviewers

Nikki Massaro Kauffman and others added 30 commits January 9, 2023 12:02
* feat(label): add rh-label

* test(label): rename e2e tests

* fix(label): fix package-lock installed under incorrect npm version

* docs(label): improve docs

* fix(label): incorrect dep version in package.json

* fix(label): use latest pfe-icon api and correct icon size

* fix(label): revert dep version shorthand, increment

* style(label): linting

* refactor(label): rename to rh-tag

* test(tag): fix import of RhTag

* fix(tags): fix broken package-lock

* docs(tag): import pfe-icon in demo js

* fix(tags): add pfe-icon as a dependency

* fix(tag): remove pfe-codeblock

* docs(tag): improve README.md

* fix(tag): remove orphaned pfe-band slots

* fix(tag): remove set attribute

* test(tag): improve spec tests

* docs(tag): add changeset

* docs(tag): imporove README.md
* fix(docs): removed spinner demo page from ux dot nav

* docs(spinner): update package-lock

* fix(docs): update package-lock and node modules

* test(tag): don't test shadow dom

* perf(tag): optimize css

* fix(tag): implement abstract props

Co-authored-by: Michael Potter <[email protected]>
Co-authored-by: Benny Powers <[email protected]>
* doc: adding event listener example to rh-alert

* doc: rh-alert event listener documentation reasoning

* fix(alert): remove state switching to error after element is removed

* docs(alert): adding section for preventing default close behavior to readme
* fix(tooltip): making on property private, adding wrapper to render, css for wrapper

* chore(tooltip): fixing whitespace

* chore: adding changeset

* fix(tooltip): removing position test as it tests the shadow dom

* docs: update changeset

Co-authored-by: Benny Powers <[email protected]>
* docs(footer): fix demo icons

* chore: revert previous

* docs(footer): fix icons in demo
* feat: initial commit, adding rh-accordion, rh-accordion-panel, rh-accordion-header

* fix: updating accordion styles

* fix: adding in the styles from the ux docs, adding in large style and slotted font sizes

* fix: adding dark theme support

* fix: updating the styles to match the updated pfe-accordion styles, fixing stylelint issues

* fix: adding disclosure to the accordion as an optionwhen only one panel is present

* fix: removing disclosure specific code

* fix: updating importmap for demo, updating instances of pfe-accordion to rh-accordion

* fix: making border color dynamic between dark and light themes

* fix: fixing styling on not-first-child rh-accordion-header and top for after element

* chore: updating stylesheet to move vars into rh-accordion* files

* chore: updating accordion version

* fix: styling changes to the accordion, cleaning up variables

* fix: updating the icon in the rh-accordion header to the new format

* fix: angle down instead of arrow down

* chore: adding changeset and removing max-width property

* fix: package.json / package-lock and adding readme details and rh-footer fix

* fix: renaming e2e spec file

* fix: fixing import map to point to latest version, updating accordion njk to not have a demo for now

* chore: Updating the demo page to not include disclosure and secondary dark theme demo

* fix: adding cascade for large accordion, fixing header text wrapper and fixing shadow on top of panel

* fix: updating package-lock sinon

* fix: updating dark theme accent color to ff442b, adding token

* style: updating rh-accordion var to match conventions and stylelint rules

* docs(accordion): updating rh-accordion elements with descriptions of slots and purpose

* fix(accordion): removing pfe-band, replacing with rh-context-provider and updating imports in rh-accordion

* docs: update changeset

* docs: uncomment example element

* docs: update readme

* docs(footer): update readme

* fix(accordion): update upstream pfe-accordion

* docs: update demos

* fix: refactor accordion css

* chore: update deps

* docs: remove references to pfe-accordion

* fix(demo): remove references to pfe-accordion

* fix(footer): remove references to pfe-accordion

* docs(secondary-nav): remove references to pfe-accordion

* fix(accordion): remove pfe icon

* fix(accordion): privatize `on`

* fix(accordion): adding color context property, icon fill color, css panel spacing

* fix(accordion): removing relect attr for consumer for panel, header

* fix(accordion): dark theme border color, arrow direction, rotation, border right length on header

* chore: skipping failing tag tests from merge

* fix: removing skip from test, updating package-lock.json

* fix(accordion): making border-right, padding css var into logical properties

* fix(accordion): making on property private

* docs(accordion): split off context demo

* fix(accordion): context

* fix(context)!: remove `attribute` from context consumer

* fix(context): get attribute name from decorated property

* docs(accordion): rtl

* fix: make `on` private

Co-authored-by: brian <[email protected]>
Co-authored-by: Benny Powers <[email protected]>
Co-authored-by: Benny Powers <[email protected]>
Nikki Massaro Kauffman and others added 23 commits March 17, 2023 15:11
- use `en-US` as default language code instead of `en`
- eagerly load copy for `en-US`
- revamp MicrocopyController to be a map of language tables
- add option to slot `<script type="application/json"
  data-language="${langCode}">`
- Rename MicrocopyController to I18nController
@changeset-bot
Copy link

changeset-bot bot commented Mar 28, 2023

🦋 Changeset detected

Latest commit: 2aacc7f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@rhds/elements Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Mar 28, 2023

Deploy Preview for red-hat-design-system ready!

Name Link
🔨 Latest commit 2aacc7f
🔍 Latest deploy log https://app.netlify.com/sites/red-hat-design-system/deploys/64231e8a73b4f80008a67dec
😎 Deploy Preview https://deploy-preview-870--red-hat-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@github-actions
Copy link
Contributor

github-actions bot commented Mar 28, 2023

Size Change: +46.1 kB (+25%) 🚨

Total Size: 229 kB

Filename Size Change
./lib/DirController.js 569 B +81 B (+17%) ⚠️
./rhds.min.js 101 kB +17 kB (+20%) 🚨
./elements/rh-audio-player/rh-audio-player-about.js 1.67 kB +1.67 kB (new file) 🆕
./elements/rh-audio-player/rh-audio-player-cue.js 2.13 kB +2.13 kB (new file) 🆕
./elements/rh-audio-player/rh-audio-player-profile.js 848 B +848 B (new file) 🆕
./elements/rh-audio-player/rh-audio-player-scrolling-text-overflow.js 1.51 kB +1.51 kB (new file) 🆕
./elements/rh-audio-player/rh-audio-player-subscribe.js 1.24 kB +1.24 kB (new file) 🆕
./elements/rh-audio-player/rh-audio-player-transcript.js 3.04 kB +3.04 kB (new file) 🆕
./elements/rh-audio-player/rh-audio-player.js 12.1 kB +12.1 kB (new file) 🆕
./elements/rh-menu/rh-menu.js 1.18 kB +1.18 kB (new file) 🆕
./elements/rh-range/rh-range.js 3.32 kB +3.32 kB (new file) 🆕
./lib/HeadingController.js 902 B +902 B (new file) 🆕
./lib/I18nController.js 1.15 kB +1.15 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size
./elements/rh-accordion/rh-accordion-header.js 2 kB
./elements/rh-accordion/rh-accordion-panel.js 1.25 kB
./elements/rh-accordion/rh-accordion.js 1.14 kB
./elements/rh-alert/rh-alert.js 4.19 kB
./elements/rh-avatar/random-pattern-controller.js 2.72 kB
./elements/rh-avatar/rh-avatar.js 26.6 kB
./elements/rh-badge/rh-badge.js 741 B
./elements/rh-blockquote/rh-blockquote.js 1.94 kB
./elements/rh-button/rh-button.js 3.64 kB
./elements/rh-context-provider/rh-context-provider.js 754 B
./elements/rh-cta/rh-cta.js 3.73 kB
./elements/rh-dialog/rh-dialog.js 1.42 kB
./elements/rh-dialog/yt-api.js 614 B
./elements/rh-footer/rh-footer-block.js 769 B
./elements/rh-footer/rh-footer-copyright.js 362 B
./elements/rh-footer/rh-footer-links.js 1.06 kB
./elements/rh-footer/rh-footer-responsive.css.js 852 B
./elements/rh-footer/rh-footer-social-link.js 960 B
./elements/rh-footer/rh-footer-universal.js 3.77 kB
./elements/rh-footer/rh-footer.js 4.69 kB
./elements/rh-footer/rh-global-footer.js 250 B
./elements/rh-navigation-secondary/rh-navigation-secondary-dropdown.js 2.38 kB
./elements/rh-navigation-secondary/rh-navigation-secondary-menu-section.js 1.45 kB
./elements/rh-navigation-secondary/rh-navigation-secondary-menu.js 1.91 kB
./elements/rh-navigation-secondary/rh-navigation-secondary-overlay.js 668 B
./elements/rh-navigation-secondary/rh-navigation-secondary.js 5.31 kB
./elements/rh-navigation-secondary/test/fixtures.js 851 B
./elements/rh-pagination/rh-pagination.js 4.16 kB
./elements/rh-spinner/rh-spinner.js 1.44 kB
./elements/rh-stat/rh-stat.js 2.19 kB
./elements/rh-subnav/rh-subnav.js 2.73 kB
./elements/rh-tabs/rh-tab-panel.js 697 B
./elements/rh-tabs/rh-tab.js 1.45 kB
./elements/rh-tabs/rh-tabs.js 1.55 kB
./elements/rh-tag/rh-tag.js 1.38 kB
./elements/rh-tooltip/rh-tooltip.js 951 B
./lib/context/color/consumer.js 1.15 kB
./lib/context/color/controller.js 1.12 kB
./lib/context/color/provider.js 2 kB
./lib/context/event.js 598 B
./lib/functions.js 175 B
./lib/ScreenSizeController.js 821 B
./lib/tokens.js 189 B

compressed-size-action

@markcaron markcaron added the needs revisiting Outdated issues worth revisiting in the future label Feb 7, 2024
@markcaron
Copy link
Collaborator

@nikkimk this may need some revisiting, since it's old. Do you mind closing if this needs to be? Or provide more context if we're keeping this open? Thanks!

@markcaron markcaron added the needs info Further information is requested label Feb 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs info Further information is requested needs revisiting Outdated issues worth revisiting in the future
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants