npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

@wavelengthusaf/components

v4.2.0

Published

Common component library used by Wavelength developers

Downloads

564

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

wavelength.usafwavelength.usafkeenan1676keenan1676codyrobards_usafcodyrobards_usafda.johnsonda.johnsondonaldbow44donaldbow44jesse_ruefenachtjesse_ruefenachtshawnmallarishawnmallarikyser.montalvokyser.montalvoadeleon21adeleon21myriah.bautistamyriah.bautista

Keywords

usafcomponents

Readme

common-components

Overview

This module was created to share common components across Wavelength product teams. All components stored in this library are unclassified.

Getting started

You can install this package the same way that you install everything else

npm install @wavelengthusaf/components

Release Notes

4.1.4

  • 12/4/2025
  • Added WavelengthNavbar

4.1.3

  • 11/24/2025
  • Added a prop: onBlurCallback to WavelengthAutoComplete, WavelengthInput, and WavelengthDatePicker so that onBlur can be handled with a user defined callback.

4.1.2

  • 11/12/2025
  • Modified WavelengthAutoComplete to expose placeholder prop to allow injecting a default value

4.1.1

  • 10/27/2025
  • Normalized web component and frontend naming conventions

4.1.0

  • 10/22/2025
  • Added WavelengthMultiSelectAutocomplete

4.0.1

  • 10/16/2025
  • Fixed issue where WavelengthAutoComplete won't trigger onChange callback

4.0.0

-9/24/2025

  • De-coupled the web components from the package; web components are now a separate npm package, @wavelengthusaf/web-components
  • Made some changes to the build script, package size reduced
  • Update documentation to reflect changes

3.4.0

  • 9/16/2025
  • Added WavelengthForm component; utilizes a Zod Schema to generate a user form that can have a 1-to-1 relationship with a backend stood up by the acid-doc-express package.

3.3.11

  • 8/26/2025
  • Updated WavelengthTitleBar to control shadow color with prop shadowColor.

3.3.10

  • 8/20/2025
  • Fix a margin issue with WavelengthBanner.

3.3.9

  • 8/18/2025
  • Updated WavelengthAutoComplete and WavelengthDatePicker to be able to accept percentages values for width, as well as fixing the transperancy issues with the floating label.

3.3.8

  • 8/11/2025
  • Updated WavelengthAutoComplete and WavelengthDatePicker to have the same outline styling, removal of position: absolute in components and reordering of css behavior. Both components contain an optional OnDataChange prop and the storybook documentation has been updated.

3.3.7

  • 8/11/2025
  • Introduced formAssociated = true for WavelengthInput. It allows the input to be recognized when utilized within a form element.

3.3.6

  • 8/11/2025
  • Updated WavelengthAutoComplete to have the outline styling refactored, the component also features a id and name prop for form handling. Fixed dropdown visibility issues.

3.3.5

  • 8/08/2025
  • Fixed two bugs for WavelengthButton. One was causing the button to remain clickable when disabled, and the other was causing it to double-click.

3.3.4

  • 8/07/2025
  • Updated WavelengthInput to have an id and name prop.

3.3.3

  • 8/05/2025
  • Updated WavelengthAutoComplete to be able to have scroll functionality and basic validation.

3.3.2

  • 7/30/2025
  • Updated WavelengthTextField to be a web component; also renamed to WavelengthInput to match HTML's naming convention for the <input> element this component is based off of.

3.3.1

  • 6/22/2025
  • Updated WavelengthAutoComplete to be able to have scroll functionality and basic validation.

3.3.0

  • 6/17/2025
  • Added WavelengthDatePicker;.

3.2.0

  • 6/17/2025
  • Added WavelengthAutoComplete; With appropriate component color conventions.

3.1.1

  • 6/13/2025
  • Updated WLChildDataTable; Allowed buttons to accept arguments of () => void or () => Promise<void> to pass functions through.

3.1.0

  • 6/2/2025
  • Added WLChildDataTable; Changed naming conventions for components into their respective categories.

3.0.3

  • 5/30/2025
  • Updated WavelengthBanner; re-added the classification and control props

3.0.2

  • 5/28/2025
  • Updated Alert Component

3.0.1

  • 5/27/2025
  • Updated WavelengthProgressBar to be a web component; added several new props

3.0.0

  • 5/16/2025
  • Renamed several components to include the word Wavelength in front of them. The following components have been renamed accordingly:

2.10.2

  • 5/14/2025
  • Updated Wavelength Alert
  • Updated Textfield to include inputRef as a prop

2.10.1

  • 5/13/2025
  • Small fix to exports

2.10.0

  • 5/13/2025
  • Added Sample Component (skeleton)
  • Added documentation for internal developers to create their own Web Components

2.9.3

  • 5/06/2025
  • Updated Alert Component

2.9.2

  • 5/02/2025
  • Minor fix to exports

2.9.1

  • 5/02/2025
  • WavelengthButton updated; new props
  • Minor bug fixes

2.9.0

  • 4/25/2025
  • New Alert Component
  • Added tests for new components (Alert Component)

2.8.1

  • 4/18/2024
  • Created test for the Wavelength Comment Display

2.7.3

  • 4/8/2025
  • Updated WavelengthBanner with various tweaks; added several props

2.7.2

  • 4/4/2025
  • Updated WavelengthTitleBar to be a standard <div> instead of an svg. Also added several props for further customization.

2.7.1

  • 4/1/2025
  • Updated WavelengthTextField component to have another variant.

2.7.0

  • 3/24/2025
  • Added the WavelengthCommentDisplay component

2.6.0

  • Added a new component, WavelengthProgressBar

2.5.1

  • 03/12/2025
  • Added shrink prop to WavelengthTextField component
  • Changed message prop in the snackbar component to be a react or jsx element

2.5.0

  • 03/06/2025
  • Added a new component, WavelengthDragAndDrop
  • Updated WavelengthTextField component to take in a prop called type

2.4.0

  • 03/03/2025
  • Added 2 new components, WavelengthStyledButton, and WavelengthTextField
  • Updated the confirmation modal to include more props making it more customizable
  • Updated documentation to reflect these changes

2.3.5

  • Updated WavelengthDropdown by adding default values to some of the props
  • Fixed bugs related to WavelengthSearchbar, no longer 2 closing icons for some configurations
  • Updated WavelengthPopupMenu, each list item can have a hover color for text, also fixed underlining of link type issue
  • Standard Snackbar is not aligned properly, the Snackbars with icons are also aligned properly

2.3.4

  • Update watch command for devs, and updated vite configuration

2.3.1 - 2.3.3

  • Fixed a bug relating to exports not working.

2.3.0

  • Added WavelengthDefaultPagination component to package for numbered pagination navigation, and modified PagePagination for testbed.

2.2.5

  • Readded DefaultIcon component to package.

2.2.2 - 2.2.4

  • Updated the Footer component to include the text? and textColor? props; slightly changed the appearance of the full Wavelength Logo in the footer.

2.2.1

  • Renamed WavelengthBannerHeader to WavelengthBanner to reflect its more broader, possible use.

2.2.0

  • A new component was added, The WavelengthSlider Component.

2.1.0

  • Added Carousel components to Mono Repo, Page Carousel with route, and information ready to be used.

2.0.5

  • Various refactors made to the Monorepo; users can now access the Testbed website at the following link: https://wavelength2.gitlab.io/common-components/

2.0.4

  • Added BoxShadow prop to menuSx for the dropdown menu component

2.0.0

  • Migrated to a Mono Repo; some minor updates to various components were made throughout the package.

1.3.1

  • Updated WavelengthBox Component, and Wavelength Button Component. Created new Dropdown Component called Wavelength Dropdown.

1.3.0

  • Updated Footer and Snackbar component, added a basic File Download component.

1.0.2 - 1.0.3

  • Updated dependencies

1.0.1

  • Updated readme and added first ts component

1.0.0

  • Created npm package