@trussworks/react-uswds - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

CHANGELOG.md

@@ -5,2 +5,10 @@ # Changelog
 
+## [2.1.0](https://github.com/trussworks/react-uswds/compare/2.0.0...2.1.0) (2021-09-29)
+
+
+### Features
+
+* Add aria attributes to RangeInput ([#1560](https://github.com/trussworks/react-uswds/issues/1560)) ([0034835](https://github.com/trussworks/react-uswds/commit/00348350ced514bf33c9a1795270838e2df33a24))
+* Icon component using SVGR ([#1609](https://github.com/trussworks/react-uswds/issues/1609)) ([317c859](https://github.com/trussworks/react-uswds/commit/317c859ebae503194eb9005244957392caf302dd))
+
 ## [2.0.0](https://github.com/trussworks/react-uswds/compare/1.17.0...2.0.0) (2021-06-15)
@@ -7,0 +15,0 @@

lib/components/forms/RangeInput/RangeInput.d.ts

@@ -5,2 +5,4 @@ import React from 'react';
     name: string;
+    min?: number;
+    max?: number;
     inputRef?: string | ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
@@ -7,0 +9,0 @@ }

lib/components/Icon/Icon.d.ts

 import React from 'react';
-import { IconKeys } from './icons';
-interface IconProps {
-    name: IconKeys;
+interface USWDSIconProps {
     focusable?: boolean;
@@ -10,3 +8,4 @@ role?: string;
 }
-export declare const Icon: ({ name, focusable, role, size, className, ...iconProps }: IconProps & JSX.IntrinsicElements['svg']) => React.ReactElement;
-export default Icon;
+export declare type IconProps = USWDSIconProps & JSX.IntrinsicElements['svg'];
+export declare function makeUSWDSIcon(Component: React.ComponentType<IconProps>): (props: IconProps) => JSX.Element;
+export {};

lib/components/Icon/icons.d.ts

@@ -1,242 +0,241 @@
-export declare const icons: {
-    accessibilityNew: string;
-    accessibleForward: string;
-    accountBalance: string;
-    accountBox: string;
-    accountCircle: string;
-    add: string;
-    addCircle: string;
-    addCircleOutline: string;
-    alarm: string;
-    alternateEmail: string;
-    announcement: string;
-    arrowBack: string;
-    arrowDownward: string;
-    arrowDropDown: string;
-    arrowDropUp: string;
-    arrowForward: string;
-    arrowUpward: string;
-    api: string;
-    assessment: string;
-    attachFile: string;
-    attachMoney: string;
-    autorenew: string;
-    backpack: string;
-    bathtub: string;
-    bedding: string;
-    bookmark: string;
-    bugReport: string;
-    build: string;
-    calendarToday: string;
-    campaign: string;
-    camping: string;
-    cancel: string;
-    chat: string;
-    check: string;
-    checkBoxOutlineBlank: string;
-    checkCircle: string;
-    checkCircleOutline: string;
-    checkroom: string;
-    cleanHands: string;
-    clothes: string;
-    close: string;
-    closedCaption: string;
-    cloud: string;
-    code: string;
-    comment: string;
-    connectWithoutContact: string;
-    construction: string;
-    constructionWorker: string;
-    contactPage: string;
-    contentCopy: string;
-    coronavirus: string;
-    creditCard: string;
-    deck: string;
-    delete: string;
-    deviceThermostat: string;
-    directions: string;
-    directionsBike: string;
-    directionsBus: string;
-    directionsCar: string;
-    directionsWalk: string;
-    doNotDisturb: string;
-    doNotTouch: string;
-    dragHandle: string;
-    eco: string;
-    edit: string;
-    electricalServices: string;
-    emojiEvents: string;
-    error: string;
-    errorOutline: string;
-    event: string;
-    expandLess: string;
-    expandMore: string;
-    facebook: string;
-    fastForward: string;
-    fastRewind: string;
-    favorite: string;
-    favoriteBorder: string;
-    fileDownload: string;
-    filePresent: string;
-    fileUpload: string;
-    filterAlt: string;
-    filterList: string;
-    fingerprint: string;
-    firstPage: string;
-    flag: string;
-    flickr: string;
-    flight: string;
-    flooding: string;
-    folder: string;
-    folderOpen: string;
-    formatQuote: string;
-    formatSize: string;
-    forum: string;
-    github: string;
-    gridView: string;
-    groupAdd: string;
-    groups: string;
-    hearing: string;
-    help: string;
-    helpOutline: string;
-    highlightOff: string;
-    history: string;
-    home: string;
-    hospital: string;
-    hotel: string;
-    hourglassEmpty: string;
-    hurricane: string;
-    identification: string;
-    image: string;
-    info: string;
-    infoOutline: string;
-    insights: string;
-    instagram: string;
-    keyboard: string;
-    label: string;
-    language: string;
-    lastPage: string;
-    launch: string;
-    lightbulb: string;
-    lightbulbOutline: string;
-    link: string;
-    linkOff: string;
-    list: string;
-    localCafe: string;
-    localFireDepartment: string;
-    localGasStation: string;
-    localGroceryStore: string;
-    localHospital: string;
-    localLaundryService: string;
-    localLibrary: string;
-    localOffer: string;
-    localParking: string;
-    localPharmacy: string;
-    localPolice: string;
-    localTaxi: string;
-    locationCity: string;
-    locationOn: string;
-    lock: string;
-    lockOpen: string;
-    lockOutline: string;
-    login: string;
-    logout: string;
-    loop: string;
-    mail: string;
-    mailOutline: string;
-    map: string;
-    masks: string;
-    medicalServices: string;
-    menu: string;
-    militaryTech: string;
-    moreHoriz: string;
-    moreVert: string;
-    myLocation: string;
-    navigateBefore: string;
-    navigateNext: string;
-    navigateFarBefore: string;
-    navigateFarNext: string;
-    nearMe: string;
-    notifications: string;
-    notificationsActive: string;
-    notificationsNone: string;
-    notificationsOff: string;
-    park: string;
-    people: string;
-    person: string;
-    pets: string;
-    phone: string;
-    photoCamera: string;
-    print: string;
-    priorityHigh: string;
-    public: string;
-    pushPin: string;
-    radioButtonUnchecked: string;
-    rain: string;
-    reduceCapacity: string;
-    remove: string;
-    report: string;
-    restaurant: string;
-    rssFeed: string;
-    safetyDivider: string;
-    sanitizer: string;
-    saveAlt: string;
-    severeWeather: string;
-    schedule: string;
-    school: string;
-    science: string;
-    search: string;
-    security: string;
-    send: string;
-    sentimentDissatisfied: string;
-    sentimentNeutral: string;
-    sentimentSatisfied: string;
-    sentimentSatisfiedAlt: string;
-    sentimentVeryDissatisfied: string;
-    settings: string;
-    share: string;
-    shield: string;
-    shoppingBasket: string;
-    snow: string;
-    soap: string;
-    socialDistance: string;
-    sortArrow: string;
-    spellcheck: string;
-    star: string;
-    starHalf: string;
-    starOutline: string;
-    store: string;
-    support: string;
-    supportAgent: string;
-    textFields: string;
-    thumbDownAlt: string;
-    thumbUpAlt: string;
-    timer: string;
-    toggleOff: string;
-    toggleOn: string;
-    topic: string;
-    tornado: string;
-    translate: string;
-    trendingDown: string;
-    trendingUp: string;
-    twitter: string;
-    undo: string;
-    unfoldLess: string;
-    unfoldMore: string;
-    update: string;
-    uploadFile: string;
-    verified: string;
-    verifiedUser: string;
-    visibility: string;
-    visibilityOff: string;
-    volumeOff: string;
-    warning: string;
-    wash: string;
-    wifi: string;
-    work: string;
-    youtube: string;
-    zoomIn: string;
-    zoomOutMap: string;
-    zoomOut: string;
-};
-export declare type IconKeys = keyof typeof icons;
+import { IconProps } from './Icon';
+import React from 'react';
+export declare const IconAccessibilityNew: React.ComponentType<IconProps>;
+export declare const IconAccessibleForward: React.ComponentType<IconProps>;
+export declare const IconAccountBalance: React.ComponentType<IconProps>;
+export declare const IconAccountBox: React.ComponentType<IconProps>;
+export declare const IconAccountCircle: React.ComponentType<IconProps>;
+export declare const IconAdd: React.ComponentType<IconProps>;
+export declare const IconAddCircle: React.ComponentType<IconProps>;
+export declare const IconAddCircleOutline: React.ComponentType<IconProps>;
+export declare const IconAlarm: React.ComponentType<IconProps>;
+export declare const IconAlternateEmail: React.ComponentType<IconProps>;
+export declare const IconAnnouncement: React.ComponentType<IconProps>;
+export declare const IconArrowBack: React.ComponentType<IconProps>;
+export declare const IconArrowDownward: React.ComponentType<IconProps>;
+export declare const IconArrowDropDown: React.ComponentType<IconProps>;
+export declare const IconArrowDropUp: React.ComponentType<IconProps>;
+export declare const IconArrowForward: React.ComponentType<IconProps>;
+export declare const IconArrowUpward: React.ComponentType<IconProps>;
+export declare const IconApi: React.ComponentType<IconProps>;
+export declare const IconAssessment: React.ComponentType<IconProps>;
+export declare const IconAttachFile: React.ComponentType<IconProps>;
+export declare const IconAttachMoney: React.ComponentType<IconProps>;
+export declare const IconAutorenew: React.ComponentType<IconProps>;
+export declare const IconBackpack: React.ComponentType<IconProps>;
+export declare const IconBathtub: React.ComponentType<IconProps>;
+export declare const IconBedding: React.ComponentType<IconProps>;
+export declare const IconBookmark: React.ComponentType<IconProps>;
+export declare const IconBugReport: React.ComponentType<IconProps>;
+export declare const IconBuild: React.ComponentType<IconProps>;
+export declare const IconCalendarToday: React.ComponentType<IconProps>;
+export declare const IconCampaign: React.ComponentType<IconProps>;
+export declare const IconCamping: React.ComponentType<IconProps>;
+export declare const IconCancel: React.ComponentType<IconProps>;
+export declare const IconChat: React.ComponentType<IconProps>;
+export declare const IconCheck: React.ComponentType<IconProps>;
+export declare const IconCheckBoxOutlineBlank: React.ComponentType<IconProps>;
+export declare const IconCheckCircle: React.ComponentType<IconProps>;
+export declare const IconCheckCircleOutline: React.ComponentType<IconProps>;
+export declare const IconCheckroom: React.ComponentType<IconProps>;
+export declare const IconCleanHands: React.ComponentType<IconProps>;
+export declare const IconClothes: React.ComponentType<IconProps>;
+export declare const IconClose: React.ComponentType<IconProps>;
+export declare const IconClosedCaption: React.ComponentType<IconProps>;
+export declare const IconCloud: React.ComponentType<IconProps>;
+export declare const IconCode: React.ComponentType<IconProps>;
+export declare const IconComment: React.ComponentType<IconProps>;
+export declare const IconConnectWithoutContact: React.ComponentType<IconProps>;
+export declare const IconConstruction: React.ComponentType<IconProps>;
+export declare const IconConstructionWorker: React.ComponentType<IconProps>;
+export declare const IconContactPage: React.ComponentType<IconProps>;
+export declare const IconContentCopy: React.ComponentType<IconProps>;
+export declare const IconCoronavirus: React.ComponentType<IconProps>;
+export declare const IconCreditCard: React.ComponentType<IconProps>;
+export declare const IconDeck: React.ComponentType<IconProps>;
+export declare const IconDelete: React.ComponentType<IconProps>;
+export declare const IconDeviceThermostat: React.ComponentType<IconProps>;
+export declare const IconDirections: React.ComponentType<IconProps>;
+export declare const IconDirectionsBike: React.ComponentType<IconProps>;
+export declare const IconDirectionsBus: React.ComponentType<IconProps>;
+export declare const IconDirectionsCar: React.ComponentType<IconProps>;
+export declare const IconDirectionsWalk: React.ComponentType<IconProps>;
+export declare const IconDoNotDisturb: React.ComponentType<IconProps>;
+export declare const IconDoNotTouch: React.ComponentType<IconProps>;
+export declare const IconDragHandle: React.ComponentType<IconProps>;
+export declare const IconEco: React.ComponentType<IconProps>;
+export declare const IconEdit: React.ComponentType<IconProps>;
+export declare const IconElectricalServices: React.ComponentType<IconProps>;
+export declare const IconEmojiEvents: React.ComponentType<IconProps>;
+export declare const IconError: React.ComponentType<IconProps>;
+export declare const IconErrorOutline: React.ComponentType<IconProps>;
+export declare const IconEvent: React.ComponentType<IconProps>;
+export declare const IconExpandLess: React.ComponentType<IconProps>;
+export declare const IconExpandMore: React.ComponentType<IconProps>;
+export declare const IconFacebook: React.ComponentType<IconProps>;
+export declare const IconFastForward: React.ComponentType<IconProps>;
+export declare const IconFastRewind: React.ComponentType<IconProps>;
+export declare const IconFavorite: React.ComponentType<IconProps>;
+export declare const IconFavoriteBorder: React.ComponentType<IconProps>;
+export declare const IconFileDownload: React.ComponentType<IconProps>;
+export declare const IconFilePresent: React.ComponentType<IconProps>;
+export declare const IconFileUpload: React.ComponentType<IconProps>;
+export declare const IconFilterAlt: React.ComponentType<IconProps>;
+export declare const IconFilterList: React.ComponentType<IconProps>;
+export declare const IconFingerprint: React.ComponentType<IconProps>;
+export declare const IconFirstPage: React.ComponentType<IconProps>;
+export declare const IconFlag: React.ComponentType<IconProps>;
+export declare const IconFlickr: React.ComponentType<IconProps>;
+export declare const IconFlight: React.ComponentType<IconProps>;
+export declare const IconFlooding: React.ComponentType<IconProps>;
+export declare const IconFolder: React.ComponentType<IconProps>;
+export declare const IconFolderOpen: React.ComponentType<IconProps>;
+export declare const IconFormatQuote: React.ComponentType<IconProps>;
+export declare const IconFormatSize: React.ComponentType<IconProps>;
+export declare const IconForum: React.ComponentType<IconProps>;
+export declare const IconGithub: React.ComponentType<IconProps>;
+export declare const IconGridView: React.ComponentType<IconProps>;
+export declare const IconGroupAdd: React.ComponentType<IconProps>;
+export declare const IconGroups: React.ComponentType<IconProps>;
+export declare const IconHearing: React.ComponentType<IconProps>;
+export declare const IconHelp: React.ComponentType<IconProps>;
+export declare const IconHelpOutline: React.ComponentType<IconProps>;
+export declare const IconHighlightOff: React.ComponentType<IconProps>;
+export declare const IconHistory: React.ComponentType<IconProps>;
+export declare const IconHome: React.ComponentType<IconProps>;
+export declare const IconHospital: React.ComponentType<IconProps>;
+export declare const IconHotel: React.ComponentType<IconProps>;
+export declare const IconHourglassEmpty: React.ComponentType<IconProps>;
+export declare const IconHurricane: React.ComponentType<IconProps>;
+export declare const IconIdentification: React.ComponentType<IconProps>;
+export declare const IconImage: React.ComponentType<IconProps>;
+export declare const IconInfo: React.ComponentType<IconProps>;
+export declare const IconInfoOutline: React.ComponentType<IconProps>;
+export declare const IconInsights: React.ComponentType<IconProps>;
+export declare const IconInstagram: React.ComponentType<IconProps>;
+export declare const IconKeyboard: React.ComponentType<IconProps>;
+export declare const IconLabel: React.ComponentType<IconProps>;
+export declare const IconLanguage: React.ComponentType<IconProps>;
+export declare const IconLastPage: React.ComponentType<IconProps>;
+export declare const IconLaunch: React.ComponentType<IconProps>;
+export declare const IconLightbulb: React.ComponentType<IconProps>;
+export declare const IconLightbulbOutline: React.ComponentType<IconProps>;
+export declare const IconLink: React.ComponentType<IconProps>;
+export declare const IconLinkOff: React.ComponentType<IconProps>;
+export declare const IconList: React.ComponentType<IconProps>;
+export declare const IconLocalCafe: React.ComponentType<IconProps>;
+export declare const IconLocalFireDepartment: React.ComponentType<IconProps>;
+export declare const IconLocalGasStation: React.ComponentType<IconProps>;
+export declare const IconLocalGroceryStore: React.ComponentType<IconProps>;
+export declare const IconLocalHospital: React.ComponentType<IconProps>;
+export declare const IconLocalLaundryService: React.ComponentType<IconProps>;
+export declare const IconLocalLibrary: React.ComponentType<IconProps>;
+export declare const IconLocalOffer: React.ComponentType<IconProps>;
+export declare const IconLocalParking: React.ComponentType<IconProps>;
+export declare const IconLocalPharmacy: React.ComponentType<IconProps>;
+export declare const IconLocalPolice: React.ComponentType<IconProps>;
+export declare const IconLocalTaxi: React.ComponentType<IconProps>;
+export declare const IconLocationCity: React.ComponentType<IconProps>;
+export declare const IconLocationOn: React.ComponentType<IconProps>;
+export declare const IconLock: React.ComponentType<IconProps>;
+export declare const IconLockOpen: React.ComponentType<IconProps>;
+export declare const IconLockOutline: React.ComponentType<IconProps>;
+export declare const IconLogin: React.ComponentType<IconProps>;
+export declare const IconLogout: React.ComponentType<IconProps>;
+export declare const IconLoop: React.ComponentType<IconProps>;
+export declare const IconMail: React.ComponentType<IconProps>;
+export declare const IconMailOutline: React.ComponentType<IconProps>;
+export declare const IconMap: React.ComponentType<IconProps>;
+export declare const IconMasks: React.ComponentType<IconProps>;
+export declare const IconMedicalServices: React.ComponentType<IconProps>;
+export declare const IconMenu: React.ComponentType<IconProps>;
+export declare const IconMilitaryTech: React.ComponentType<IconProps>;
+export declare const IconMoreHoriz: React.ComponentType<IconProps>;
+export declare const IconMoreVert: React.ComponentType<IconProps>;
+export declare const IconMyLocation: React.ComponentType<IconProps>;
+export declare const IconNavigateBefore: React.ComponentType<IconProps>;
+export declare const IconNavigateNext: React.ComponentType<IconProps>;
+export declare const IconNavigateFarBefore: React.ComponentType<IconProps>;
+export declare const IconNavigateFarNext: React.ComponentType<IconProps>;
+export declare const IconNearMe: React.ComponentType<IconProps>;
+export declare const IconNotifications: React.ComponentType<IconProps>;
+export declare const IconNotificationsActive: React.ComponentType<IconProps>;
+export declare const IconNotificationsNone: React.ComponentType<IconProps>;
+export declare const IconNotificationsOff: React.ComponentType<IconProps>;
+export declare const IconPark: React.ComponentType<IconProps>;
+export declare const IconPeople: React.ComponentType<IconProps>;
+export declare const IconPerson: React.ComponentType<IconProps>;
+export declare const IconPets: React.ComponentType<IconProps>;
+export declare const IconPhone: React.ComponentType<IconProps>;
+export declare const IconPhotoCamera: React.ComponentType<IconProps>;
+export declare const IconPrint: React.ComponentType<IconProps>;
+export declare const IconPriorityHigh: React.ComponentType<IconProps>;
+export declare const IconPublic: React.ComponentType<IconProps>;
+export declare const IconPushPin: React.ComponentType<IconProps>;
+export declare const IconRadioButtonUnchecked: React.ComponentType<IconProps>;
+export declare const IconRain: React.ComponentType<IconProps>;
+export declare const IconReduceCapacity: React.ComponentType<IconProps>;
+export declare const IconRemove: React.ComponentType<IconProps>;
+export declare const IconReport: React.ComponentType<IconProps>;
+export declare const IconRestaurant: React.ComponentType<IconProps>;
+export declare const IconRssFeed: React.ComponentType<IconProps>;
+export declare const IconSafetyDivider: React.ComponentType<IconProps>;
+export declare const IconSanitizer: React.ComponentType<IconProps>;
+export declare const IconSaveAlt: React.ComponentType<IconProps>;
+export declare const IconSevereWeather: React.ComponentType<IconProps>;
+export declare const IconSchedule: React.ComponentType<IconProps>;
+export declare const IconSchool: React.ComponentType<IconProps>;
+export declare const IconScience: React.ComponentType<IconProps>;
+export declare const IconSearch: React.ComponentType<IconProps>;
+export declare const IconSecurity: React.ComponentType<IconProps>;
+export declare const IconSend: React.ComponentType<IconProps>;
+export declare const IconSentimentDissatisfied: React.ComponentType<IconProps>;
+export declare const IconSentimentNeutral: React.ComponentType<IconProps>;
+export declare const IconSentimentSatisfied: React.ComponentType<IconProps>;
+export declare const IconSentimentSatisfiedAlt: React.ComponentType<IconProps>;
+export declare const IconSentimentVeryDissatisfied: React.ComponentType<IconProps>;
+export declare const IconSettings: React.ComponentType<IconProps>;
+export declare const IconShare: React.ComponentType<IconProps>;
+export declare const IconShield: React.ComponentType<IconProps>;
+export declare const IconShoppingBasket: React.ComponentType<IconProps>;
+export declare const IconSnow: React.ComponentType<IconProps>;
+export declare const IconSoap: React.ComponentType<IconProps>;
+export declare const IconSocialDistance: React.ComponentType<IconProps>;
+export declare const IconSortArrow: React.ComponentType<IconProps>;
+export declare const IconSpellcheck: React.ComponentType<IconProps>;
+export declare const IconStar: React.ComponentType<IconProps>;
+export declare const IconStarHalf: React.ComponentType<IconProps>;
+export declare const IconStarOutline: React.ComponentType<IconProps>;
+export declare const IconStore: React.ComponentType<IconProps>;
+export declare const IconSupport: React.ComponentType<IconProps>;
+export declare const IconSupportAgent: React.ComponentType<IconProps>;
+export declare const IconTextFields: React.ComponentType<IconProps>;
+export declare const IconThumbDownAlt: React.ComponentType<IconProps>;
+export declare const IconThumbUpAlt: React.ComponentType<IconProps>;
+export declare const IconTimer: React.ComponentType<IconProps>;
+export declare const IconToggleOff: React.ComponentType<IconProps>;
+export declare const IconToggleOn: React.ComponentType<IconProps>;
+export declare const IconTopic: React.ComponentType<IconProps>;
+export declare const IconTornado: React.ComponentType<IconProps>;
+export declare const IconTranslate: React.ComponentType<IconProps>;
+export declare const IconTrendingDown: React.ComponentType<IconProps>;
+export declare const IconTrendingUp: React.ComponentType<IconProps>;
+export declare const IconTwitter: React.ComponentType<IconProps>;
+export declare const IconUndo: React.ComponentType<IconProps>;
+export declare const IconUnfoldLess: React.ComponentType<IconProps>;
+export declare const IconUnfoldMore: React.ComponentType<IconProps>;
+export declare const IconUpdate: React.ComponentType<IconProps>;
+export declare const IconUploadFile: React.ComponentType<IconProps>;
+export declare const IconVerified: React.ComponentType<IconProps>;
+export declare const IconVerifiedUser: React.ComponentType<IconProps>;
+export declare const IconVisiblity: React.ComponentType<IconProps>;
+export declare const IconVisibilityOff: React.ComponentType<IconProps>;
+export declare const IconVolumeOff: React.ComponentType<IconProps>;
+export declare const IconWarning: React.ComponentType<IconProps>;
+export declare const IconWash: React.ComponentType<IconProps>;
+export declare const IconWifi: React.ComponentType<IconProps>;
+export declare const IconWork: React.ComponentType<IconProps>;
+export declare const IconYoutube: React.ComponentType<IconProps>;
+export declare const IconZoomIn: React.ComponentType<IconProps>;
+export declare const IconZoomOutMap: React.ComponentType<IconProps>;
+export declare const IconZoomOut: React.ComponentType<IconProps>;

lib/components/SiteAlert/SiteAlert.d.ts

 import React from 'react';
 interface SiteAlertProps {
     variant: 'info' | 'emergency';
-    children: React.ReactNode;
+    children: string | React.ReactNode | React.ReactNode[];
     heading?: string;
@@ -6,0 +6,0 @@ showIcon?: boolean;

lib/components/Tooltip/Tooltip.d.ts

@@ -20,3 +20,3 @@ import { ForwardRefExoticComponent, ReactElement, ReactNode } from 'react';
     };
-    var DisplayName: string;
+    var displayName: string;
 }
@@ -28,4 +28,4 @@ export declare function Tooltip<T>(props: CustomTooltipProps<T>): ReactElement;
     };
-    var DisplayName: string;
+    var displayName: string;
 }
 export {};

lib/index.d.ts

@@ -59,2 +59,3 @@ import './styles/index.scss';
 export { Title } from './components/header/Title/Title';
+export * from './components/Icon/Icons';
 /** Identifier Components */
@@ -61,0 +62,0 @@ export { Identifier } from './components/Identifier/Identifier/Identifier';

lib/uswds.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ReactUSWDS=t():e.ReactUSWDS=t()}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=111)}({111:function(e,t,n){"use strict";n(112)},112:function(e,t,n){"use strict";n.r(t)}})}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ReactUSWDS=t():e.ReactUSWDS=t()}(this,(function(){return function(){"use strict";var e={1222:function(e,t,o){o.r(t)}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var f=t[r]={exports:{}};return e[r](f,f.exports,o),f.exports}return o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(1222),{}}()}));

package.json

 {
   "name": "@trussworks/react-uswds",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "React USWDS 2.0 component library",
@@ -72,11 +72,14 @@ "keywords": [
     "@storybook/addon-essentials": "^6.2.9",
+    "@storybook/builder-webpack5": "^6.3.8",
+    "@storybook/manager-webpack5": "^6.3.8",
     "@storybook/react": "^6.2.9",
     "@storybook/storybook-deployer": "^2.8.6",
-    "@testing-library/dom": "^7.22.3",
+    "@svgr/webpack": "^5.5.0",
+    "@testing-library/dom": "^8.2.0",
     "@testing-library/jest-dom": "^5.3.0",
-    "@testing-library/react": "^11.0.2",
+    "@testing-library/react": "^12.1.0",
     "@testing-library/react-hooks": "^7.0.0",
     "@testing-library/user-event": "^13.1.5",
     "@types/classnames": "^2.2.9",
-    "@types/jest": "^26.0.0",
+    "@types/jest": "^27.0.1",
     "@types/react": "^17.0.0",
@@ -92,7 +95,8 @@ "@types/react-dom": "^17.0.0",
     "classnames": "^2.2.6",
-    "css-loader": "^5.0.0",
+    "css-loader": "^6.2.0",
     "danger": "^10.0.0",
     "dotenv": "^10.0.0",
-    "eslint": "^6.5.1",
+    "eslint": "^7.29.0",
     "eslint-config-prettier": "^6.3.0",
+    "eslint-import-resolver-webpack": "^0.13.1",
     "eslint-plugin-import": "^2.18.2",
@@ -104,3 +108,2 @@ "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-security": "^1.4.0",
-    "file-loader": "^6.0.0",
     "happo-plugin-storybook": "^2.7.0",
@@ -111,3 +114,3 @@ "happo.io": "^6.0.0",
     "lint-staged": "^11.0.0",
-    "mini-css-extract-plugin": "^1.0.0",
+    "mini-css-extract-plugin": "^2.3.0",
     "prettier": "^2.0.2",
@@ -119,7 +122,7 @@ "react": "^17.0.1",
     "sass": "^1.26.0",
-    "sass-loader": "^10.0.2",
+    "sass-loader": "^12.1.0",
     "sass-resources-loader": "^2.0.1",
-    "source-map-loader": "^1.0.0",
+    "source-map-loader": "^3.0.0",
     "standard-version": "^9.0.0",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.2.1",
     "stylelint": "^13.3.0",
@@ -134,12 +137,6 @@ "stylelint-config-css-modules": "^2.2.0",
     "typescript": "^4.2.4",
-    "url-loader": "^4.0.0",
     "uswds": "2.10.3",
-    "webpack": "^4.41.0",
+    "webpack": "^5.52.1",
     "webpack-cli": "^4.0.0"
   },
-  "resolutions": {
-    "bl": "^4.0.3",
-    "acorn-globals/acorn": "^6.4.1",
-    "webpack/acorn": "^6.4.1"
-  },
   "husky": {
@@ -146,0 +143,0 @@ "hooks": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5326023

increased by81.2%

Number of package files

226

increased by32.94%

Worsened metrics

Dev dependency count

66

increased by3.13%

Number of low license alerts

1

increased byInfinity%

License quality

80

decreased by-20%

Lines of code

3280

decreased by-0.33%

Number of low supply chain risk alerts

3

increased by200%

No dependency changes