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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@conduction/components

v2.2.51

Published

React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)

Downloads

272

Readme

Conduction Components

Changelog

  • Version 2.2 (breaking changes from 2.1.x)

    • 2.2.51:
      • Added text-decoration tokens to CardHeader.
      • Added label color tokens to checkbox.
      • Added font-weight, gap, padding and hover box-shadow tokens to PrimaryTopNav.
    • 2.2.50:
      • Added transition and box-shadow to CardWrapper.
      • Added font-style to CardHeader.
      • Added tabindex and font-weight to Tab.
      • Added border-color, border-style, border-width and transition to PrimaryTopNav.
    • 2.2.49: Removed Jumbotron component.
    • 2.2.48: Updated CardHeader and package.json.
    • 2.2.46 / 2.2.47: Fixed minor css parse error.
    • 2.2.45: Updated Pagination and select to ensure more WCAG compliancy.
    • 2.2.44: Updated PrimaryTopNav to allow font-weight.
    • 2.2.43: Updated DownloadCard to allow size as string.
    • 2.2.42:
      • Updated PrimaryTopNav to have seperate dropdown tokens.
      • Updated Pagination to include border-bottom.
      • Updated DownloadCard to include icon color.
      • Updated CardWrapper to include hover color.
    • 2.2.41: Updated displayswitch component to have pointer.
    • 2.2.40:
      • Updated DownloadCard to only accept fontawesome icons.
      • Removed tooltip from PrimaryTopNav component and updated dropdown.
    • 2.2.39:
      • Updated PrimaryTopNav component to include tooltip and better dropdown.
      • Updated Logo component to have navbar option.
    • 2.2.38: Updated DownloadCard to show only one icon.
    • 2.2.37: Updated DownloadCard to include tooltip and Removed opacity token from Tooltip the fix bug.
    • 2.2.35 & 2.2.36:
      • Bugfix versions.
    • 2.2.34:
      • Added select options grouping logic.
    • 2.2.33:
      • Refactored DownloadCard.
    • 2.2.32: Added more tokens to DownloadCard.
    • 2.2.31:
      • Added custom content to NotificationPopUp.
      • Refactored DownloadCard to NLDS.
    • 2.2.30: Renamed checkbox.module.css.
    • 2.2.29: Updated build script to reslove css errors.
    • 2.2.27/2.2.28:
      • Updated dependencies to latest versions.
      • Updated Checkbox component to NLDS.
    • 2.2.26: Updated NotificationPopUp secondary button to have hover and href.
    • 2.2.25:
      • Added box-shadow to CardWrapper.
      • Added item border-radius to PrimaryTopNav.
    • 2.2.24:
      • Added DisplaySwitch component.
      • Removed align hover state on card-header.
    • 2.2.23: Added Logo component.
    • 2.2.22: Updated Jumbotron component to be more customizable.
    • 2.2.21:
      • Removed warning from HorizontalOverflowWrapper.
      • Added Jumbotron component.
      • Updated card-header to align hover states.
    • 2.2.20: Updated primary top nav to have more types.
    • 2.2.19: Refactored primary top nav to simplify sub-items.
    • 2.2.18:
      • Refactored select role attribute.
      • Fixed Pagination-button border-radius.
      • Added colors for Focus and Selected options in Select forms.
      • Add HorizontalOverflowWrapper component and refactor Tabs Component overflow scroll.
    • 2.2.17: Refactor Pagination to include aria labels and make aria label required on texarea, input and select components.
    • 2.2.15/2.2.16: Added more NLDS options to Pagination.
    • 2.2.13/2.2.14:
      • Updated Textarea and all Input components to allow aria-label.
      • Updated Select components.
    • 2.2.12: Updated Select components to WCAG with aria-label and role.
    • 2.2.11: Updated Primary and Secondary topnav to NLDS.
    • 2.2.10: Added z-index to tooltip.
    • 2.2.9: Added CardWrapper, CardHeader, CardHeaderTitle, CardHeaderDate to index.
    • 2.2.8:
      • Updated Pagination to show current page.
      • Updated Tabs component to have correct border-bottom length.
    • 2.2.7: Updated TableWrapper component and updated Tabs component.
    • 2.2.6: Added TableWrapper component and updated Tabs component.
    • 2.2.5: Updated Tabs component.
    • 2.2.4: Refactor the Tooltip component to include react-tooltip version 5+.
    • 2.2.3: Added Tabs component.
    • 2.2.2:
      • Removed Den Haag Textfield dependencies.
      • Removed Den Haag SideNav dependencies.
      • Removed Den Haag Textarea dependencies.
      • Removed Den Haag Process Steps dependencies.
      • Removed Den Haag Form Field dependencies.
      • Removed Den Haag Button dependencies.
    • 2.2.1: Removed Den Haag icon dependencies and redundant RichContentCard.
    • 2.2.0:
      • Removed Den Haag designTokensComponent.
      • Removed Den Haag formControlLabel.
      • Removed InputRadio component.
      • Removed Den Haag stylesProvider.
      • Removed Den Haag link.
      • Removed Den Haag heading.
      • Removed Den Haag paragraph.
      • Removed Den Haag Table imports from CreateKeyValue component.
      • Removed EditableTableRow component.
      • Removed Den Haag divider.
  • Version 2.1 (breaking changes from 2.0.x)

    • 2.1.40:
      • Added border tokens to Pagination.
      • Added border-bottom tokens to CardWrapper.
    • 2.1.39: Added more tokens to Pagination.
    • 2.1.38: Added Pagination.
    • 2.1.37: Added more design-tokens to all select options.
    • 2.1.36:
      • Updated CardWrapper.
      • Added CardHeader.
    • 2.1.35: Added CardWrapper.
    • 2.1.34: Refactor Den Haag textbox and textarea to Utrecht; add Single Select design tokens.
    • 2.1.33: Added optional placeholder to all select elements.
    • 2.1.32: Add inline-padding to container, remove redundant (breaking and unused) components, up React version.
    • 2.1.31: Removed Den Haag implementations which hold shapeRendering warnings.
    • 2.1.29/2.1.30: Added optional menuPlacement to all select elements.
    • 2.1.28: Fixed PrimaryTopNav dropdown token and added new features for dropdown.
    • 2.1.27: TimeFormat in DatePicker is now consistant with DateFormat.
    • 2.1.26: Avoid dependency on @gemeente-denhaag/components-react, only depend on components we actually use.
    • 2.1.25: Added id prop to select component.
    • 2.1.24: Add new design tokens for topnav dropdown.
    • 2.1.23: Added optional error messages to CreateKeyValue and unused classname removed warning.
    • 2.1.22: Added optional error messages to textarea, select and input fields.
    • 2.1.21: Added optional copy button and refactored delete button in CreateKeyValue.
    • 2.1.20: Updated react.fc code and github actions added.
    • 2.1.19: Refactor Tooltip layout.
    • 2.1.18: Add default value to Textarea component.
    • 2.1.17: Refactor to NotificationPopUp to include layoutClassName.
    • 2.1.16: Refactor ToolTip layoutClassName placement.
    • 2.1.15: Add InputDate component based on react-datepicker.
    • 2.1.14: Refactor checkbox to remove svg errors.
    • 2.1.13: Refactor components to remove svg errors (e.g. shape-rendering => shapeRendering).
    • 2.1.12: Added ToolTip max-width and break-word.
    • 2.1.11: Added CreateKeyValue component disabled state on delete buttons.
    • 2.1.10: PrimaryTopNav overflow scroll removed from desktop.
    • 2.1.8 & 2.1.9: PrimaryTopNav will always show subItems on mobile.
    • 2.1.7: Add disabled placholders to all Select elements.
    • 2.1.6: Add disabled state to CreateKeyValue component
    • 2.1.4 & 2.1.5: Remove IInputProps from CreateKeyValue to undo duplicate defaultValue prop.
    • 2.1.3: Export IKeyValue from CreateKeyValue component.
    • 2.1.2: REVERT 2.1.1 and 2.1.0.
    • 2.1.1: Deploy issues.
    • 2.1.0: InputDate now includes Den Haag InputDate component, requiring react-hook-form controls.
  • Version 2

    • 2.0.34: SelectMultiple and SelectCreate update to include defaultValue in react-hook-form controller.
    • 2.0.33: PrimaryTopNav sub items doesn't overlap main navbar anymore.
    • 2.0.32: SelectSingle update to include defaultValue in react-hook-form controller.
    • 2.0.31: PrimaryTopNav clickbox now includes padding of nav items.
    • 2.0.30:
      • Selects now have an z-index.
      • Checkboxes now automatically have an id wich is a camelCase of "checkbox" plus the label, "checkboxLabel".
      • Removed styles warning on tag.
    • 2.0.29:
      • Added remove option to tags.
      • SelectSingle now removes selected option if filter deselect it.
    • 2.0.27 & 2.0.28: Cleanup.
    • 2.0.26: Added Select element error states.
    • 2.0.25: Added InputURL component.
    • 2.0.24: Bugfix: @conduction not showing.
    • 2.0.23:
      • Added optional boxshadow to PrimaryTopNav.
      • Added maxLength to both TopNavs and added a gap to the icon and label of a TopNav item.
    • 2.0.22: Refactor InputNumber and InputFloat to return number type.
    • 2.0.21: Add InputDateTime component.
    • 2.0.20: Bugfix Textarea component to include correct field validation.
    • 2.0.19: Add disabled state to Textarea and InputCheckbox components.
    • 2.0.17 & 2.0.18: Refactor PrimaryTopNav styling.
    • 2.0.16: Remove styling warnings.
    • 2.0.15: Added mobile support to PrimaryTopNav.
    • 2.0.14: Refactored SelectCreate placeholder text.
    • 2.0.13: removed round borders of tag.
    • 2.0.11 & 2.0.12: Added disabled state to SelectSingle component.
    • 2.0.10: Added InputFloat (.00 decimals) component.
    • 2.0.9:
      • Added optional defaultChecked to InputCheckbox.
      • Added CreateKeyValue input.
      • Added CreateSelect input.
    • 2.0.8:
      • Added new Tooltip component using React-tooltip.
      • Added active status to PrimaryTopNav.
      • Added active status to SecondaryTopNav.
    • 2.0.7:
      • Added new BadgeCounter component.
      • Added CodeBlock component.
    • 2.0.6:
      • Added optional icon with default icon to the primary and secondary button in NotificationPopUp.
      • Added a handleClick function to the DownloadCard.
      • Added clickFunction, layoutClassName and renamed tag to label in the Tag component.
      • Edited DetailsCard to accommodate changes made to Tag component.
      • Edited RichContentCard to accommodate changes made to Tag component.
    • 2.0.5: wrong camelcase in npm publish/build fix.
    • 2.0.4: added layoutClassName to InfoCard.
    • 2.0.3: Bugfix: --conduction-container typo removed.
    • 2.0.2: Refactor SelectSingle formField with optional props.
    • 2.0.1: Refactor SecondaryTopNav css module import.
    • 2.0.0: components are now dependent on --skeleton design tokens, currently found here.
  • Version 1

    • No changelog available.