armstrong-react - npm Package Compare versions

Comparing version 2.5.5 to 2.5.6

dist/components/display/dialog.d.ts

 /// <reference types="react" />
 import * as React from "react";
-export interface IDialogProps extends React.HTMLProps<Dialog> {
+export interface IDialogProps {
     /** (string) default: 'host' - The ID of your sites body element  */
@@ -24,2 +24,6 @@ bodyId?: string;
     footerContent?: React.ReactElement<any>;
+    /** (number) The width of the dialog */
+    width?: number;
+    /** (number) The height of the dialog */
+    height?: number;
 }
@@ -36,3 +40,5 @@ export declare class Dialog extends React.Component<IDialogProps, {}> {
     componentDidMount(): void;
-    componentWillReceiveProps(newProps: IDialogProps): void;
+    componentWillReceiveProps(newProps: Readonly<{
+        children?: React.ReactNode;
+    }> & Readonly<IDialogProps>): void;
     private renderToPortal(props);
@@ -39,0 +45,0 @@ componentWillUnmount(): void;

dist/components/display/icon.d.ts

 /// <reference types="react" />
 import * as React from "react";
-export interface IIconProps extends React.HTMLProps<HTMLElement> {
+export interface IIconProps extends React.HTMLAttributes<HTMLElement> {
     /** (string) The icons 'classname' eg Icon.Icomoon.Rocket */
@@ -5,0 +5,0 @@ icon: string;

dist/components/display/image.d.ts

 /// <reference types="react" />
 import * as React from "react";
-export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
+export interface IImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /** (boolean) Should the image be circular? */
@@ -5,0 +5,0 @@ rounded?: boolean;

dist/components/form/form.d.ts

@@ -16,3 +16,3 @@ /// <reference types="react" />
 export declare type IFormInputProps<T> = React.Props<T> & ValidationProps;
-export declare type IFormInputHTMLProps<T, E = React.HTMLAttributes<HTMLElement>> = React.ClassAttributes<T> & E & ValidationProps;
+export declare type IFormInputHTMLProps<E = React.HTMLAttributes<HTMLElement>> = E & ValidationProps;
 export interface IFormCoreProps {
@@ -26,3 +26,3 @@ /** The forms data binder instance, this contains the data that is used by bound form elements*/
 }
-export interface IFormProps extends React.HTMLProps<Form>, IFormCoreProps {
+export interface IFormProps extends React.FormHTMLAttributes<Form>, IFormCoreProps {
     /** Called when bound form data changes: NOTE, this is called on every key stroke/interaction on any of the bound fields */
@@ -29,0 +29,0 @@ onDataChanged?: (data?: any) => void;

dist/components/form/formBinderBase.js

@@ -11,10 +11,10 @@ "use strict";
     function FormBinderBase(
-        /** The name of the data property being bound  */
-        dataPath, 
-        /** The name of the component property being bound  */
-        propertySet, 
-        /** The converter required to convert 'dataName' to 'propertySet' (TDataPropValue to TComponentPropValue) */
-        valueConverter, 
-        /** The name of the property being read from the change event currentTarget */
-        propertyGet) {
+    /** The name of the data property being bound  */
+    dataPath, 
+    /** The name of the component property being bound  */
+    propertySet, 
+    /** The converter required to convert 'dataName' to 'propertySet' (TDataPropValue to TComponentPropValue) */
+    valueConverter, 
+    /** The name of the property being read from the change event currentTarget */
+    propertyGet) {
         if (propertyGet === void 0) { propertyGet = propertySet; }
@@ -21,0 +21,0 @@ this.dataPath = dataPath;

dist/components/form/inputs/calendarInput.d.ts

@@ -5,3 +5,3 @@ /// <reference types="react" />
 import { IFormInputHTMLProps } from "../form";
-export interface ICalendarInputProps extends IFormInputHTMLProps<CalendarInput, React.InputHTMLAttributes<HTMLInputElement>> {
+export interface ICalendarInputProps extends IFormInputHTMLProps<React.InputHTMLAttributes<HTMLInputElement>> {
     date?: string;
@@ -8,0 +8,0 @@ format?: string;

dist/components/form/inputs/checkboxInput.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { IFormInputHTMLProps } from "../form";
-export interface ICheckboxInputProps extends IFormInputHTMLProps<CheckboxInput, React.InputHTMLAttributes<HTMLInputElement>> {
+export interface ICheckboxInputProps extends IFormInputHTMLProps<React.InputHTMLAttributes<HTMLInputElement>> {
     labelContent: string | React.ReactElement<any>;
@@ -6,0 +6,0 @@ }

dist/components/form/inputs/codeInput.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { IFormInputHTMLProps } from '../form';
-export interface ICodeInputProps extends IFormInputHTMLProps<CodeInput, React.SelectHTMLAttributes<HTMLInputElement>> {
+export interface ICodeInputProps extends IFormInputHTMLProps<React.SelectHTMLAttributes<HTMLInputElement>> {
     lengthPerBox: number[];
@@ -6,0 +6,0 @@ onChange?: (value: any) => void;

dist/components/form/inputs/radioInput.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { IFormInputHTMLProps } from "../form";
-export interface IRadioInputProps extends IFormInputHTMLProps<RadioInput, React.InputHTMLAttributes<HTMLInputElement>> {
+export interface IRadioInputProps extends IFormInputHTMLProps<React.InputHTMLAttributes<HTMLInputElement>> {
     labelContent: string | React.ReactElement<any>;
@@ -6,0 +6,0 @@ }

dist/components/form/inputs/selectInput.d.ts

@@ -8,3 +8,3 @@ /// <reference types="react" />
 }
-export interface ISelectInputProps extends IFormInputHTMLProps<SelectInput, React.SelectHTMLAttributes<HTMLSelectElement>> {
+export interface ISelectInputProps extends IFormInputHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>> {
     options: ISelectInputOption[];
@@ -11,0 +11,0 @@ change?: (selected: ISelectInputOption) => void;

dist/components/form/inputs/tagInput.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { IFormInputHTMLProps } from "../form";
-export declare type ITagInputProps = IFormInputHTMLProps<TagInput, React.InputHTMLAttributes<HTMLInputElement>> & {
+export declare type ITagInputProps = IFormInputHTMLProps<React.InputHTMLAttributes<HTMLInputElement>> & {
     suggestions?: string[];
@@ -6,0 +6,0 @@ onChange?: (tags: string[]) => void;

dist/components/form/inputs/textInput.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { IFormInputHTMLProps } from "../form";
-export declare type ITextInputProps = IFormInputHTMLProps<TextInput, React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> | React.TextareaHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>> & {
+export declare type ITextInputProps = IFormInputHTMLProps<React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> | React.TextareaHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>> & {
     multiLine?: boolean;
@@ -6,0 +6,0 @@ readonly?: boolean;

dist/components/form/validationWrapper.d.ts

 /// <reference types="react" />
 import * as React from "react";
-import { IFormInputHTMLProps, ValidationModes } from "./form";
+import { ValidationModes, ValidationProps } from "./form";
+import { HTMLAttributes } from 'react';
 export declare class ValidationWrapper extends React.Component<{
     message: string;
-} & IFormInputHTMLProps<HTMLDivElement>, {}> {
+} & HTMLAttributes<HTMLDivElement> & ValidationProps, {}> {
     render(): JSX.Element;
@@ -8,0 +9,0 @@ }

dist/components/interaction/button.d.ts

 /// <reference types="react" />
 import * as React from "react";
-import { FgColorClass, BgColorClass, MarginClass, PaddingClass } from "./../../utilities/uiHelpers";
-export interface IButtonProps extends React.HTMLProps<HTMLButtonElement> {
-    /** ((React.MouseEvent) => void) Event to fire when the button is clicked */
-    onClick?: (e?: React.MouseEvent<{}>) => void;
+export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** (string) An icon to show on the left of the buttons content */
@@ -13,4 +10,2 @@ leftIcon?: string;
     rounded?: boolean;
-    /** (string) CSS classname property */
-    className?: string | MarginClass | PaddingClass | BgColorClass | FgColorClass;
     /** (boolean) If true, disables actions and puts button into a 'pending' state */
@@ -17,0 +12,0 @@ pending?: boolean;

dist/components/layout/grid.d.ts

 /// <reference types="react" />
 import * as React from "react";
 import { MarginClass, PaddingClass, BgColorClass, FgColorClass, VerticalAlignment, HorizontalAlignment } from "./../../utilities/uiHelpers";
-export interface IGrid extends React.HTMLProps<HTMLDivElement> {
+export interface IGrid extends React.HTMLAttributes<HTMLDivElement> {
     /** (boolean) Wether to render borders around grid parts */
@@ -24,3 +24,3 @@ debugMode?: boolean;
 }
-export interface IRow extends React.HTMLProps<HTMLDivElement> {
+export interface IRow extends React.HTMLAttributes<HTMLDivElement> {
     /** (number | string) Sets a fixed height for the row, or 'auto' to grow to fit its content */
@@ -39,107 +39,2 @@ height?: number | string;
     children?: React.ReactNode;
-    accept?: string;
-    acceptCharset?: string;
-    action?: string;
-    allowFullScreen?: boolean;
-    allowTransparency?: boolean;
-    alt?: string;
-    as?: string;
-    async?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    autoPlay?: boolean;
-    capture?: boolean;
-    cellPadding?: string | number;
-    cellSpacing?: string | number;
-    charSet?: string;
-    challenge?: string;
-    checked?: boolean;
-    cite?: string;
-    classID?: string;
-    cols?: number;
-    colSpan?: number;
-    content?: string;
-    controls?: boolean;
-    coords?: string;
-    crossOrigin?: string;
-    data?: string;
-    dateTime?: string;
-    default?: boolean;
-    defer?: boolean;
-    disabled?: boolean;
-    download?: any;
-    encType?: string;
-    form?: string;
-    formAction?: string;
-    formEncType?: string;
-    formMethod?: string;
-    formNoValidate?: boolean;
-    formTarget?: string;
-    frameBorder?: string | number;
-    headers?: string;
-    high?: number;
-    href?: string;
-    hrefLang?: string;
-    htmlFor?: string;
-    httpEquiv?: string;
-    integrity?: string;
-    keyParams?: string;
-    keyType?: string;
-    kind?: string;
-    label?: string;
-    list?: string;
-    loop?: boolean;
-    low?: number;
-    manifest?: string;
-    marginHeight?: number;
-    marginWidth?: number;
-    max?: string | number;
-    maxLength?: number;
-    media?: string;
-    mediaGroup?: string;
-    method?: string;
-    min?: string | number;
-    minLength?: number;
-    multiple?: boolean;
-    muted?: boolean;
-    name?: string;
-    nonce?: string;
-    noValidate?: boolean;
-    open?: boolean;
-    optimum?: number;
-    pattern?: string;
-    placeholder?: string;
-    playsInline?: boolean;
-    poster?: string;
-    preload?: string;
-    readOnly?: boolean;
-    rel?: string;
-    required?: boolean;
-    reversed?: boolean;
-    rows?: number;
-    rowSpan?: number;
-    sandbox?: string;
-    scope?: string;
-    scoped?: boolean;
-    scrolling?: string;
-    seamless?: boolean;
-    selected?: boolean;
-    shape?: string;
-    size?: number;
-    sizes?: string;
-    span?: number;
-    src?: string;
-    srcDoc?: string;
-    srcLang?: string;
-    srcSet?: string;
-    start?: number;
-    step?: string | number;
-    summary?: string;
-    target?: string;
-    type?: string;
-    useMap?: string;
-    value?: string | number | string[];
-    width?: string | number;
-    wmode?: string;
-    wrap?: string;
     defaultChecked?: boolean;
@@ -184,2 +79,49 @@ defaultValue?: string | string[];
     unselectable?: boolean;
+    'aria-activedescendant'?: string;
+    'aria-atomic'?: boolean | "false" | "true";
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+    'aria-busy'?: boolean | "false" | "true";
+    'aria-checked'?: boolean | "false" | "true" | "mixed";
+    'aria-colcount'?: number;
+    'aria-colindex'?: number;
+    'aria-colspan'?: number;
+    'aria-current'?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
+    'aria-describedby'?: string;
+    'aria-details'?: string;
+    'aria-disabled'?: boolean | "false" | "true";
+    'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+    'aria-errormessage'?: string;
+    'aria-expanded'?: boolean | "false" | "true";
+    'aria-flowto'?: string;
+    'aria-grabbed'?: boolean | "false" | "true";
+    'aria-haspopup'?: boolean | "menu" | "false" | "true" | "listbox" | "tree" | "grid" | "dialog";
+    'aria-hidden'?: boolean | "false" | "true";
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
+    'aria-keyshortcuts'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-level'?: number;
+    'aria-live'?: "off" | "assertive" | "polite";
+    'aria-modal'?: boolean | "false" | "true";
+    'aria-multiline'?: boolean | "false" | "true";
+    'aria-multiselectable'?: boolean | "false" | "true";
+    'aria-orientation'?: "horizontal" | "vertical";
+    'aria-owns'?: string;
+    'aria-placeholder'?: string;
+    'aria-posinset'?: number;
+    'aria-pressed'?: boolean | "false" | "true" | "mixed";
+    'aria-readonly'?: boolean | "false" | "true";
+    'aria-relevant'?: "all" | "text" | "additions" | "additions text" | "removals";
+    'aria-required'?: boolean | "false" | "true";
+    'aria-roledescription'?: string;
+    'aria-rowcount'?: number;
+    'aria-rowindex'?: number;
+    'aria-rowspan'?: number;
+    'aria-selected'?: boolean | "false" | "true";
+    'aria-setsize'?: number;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other";
+    'aria-valuemax'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuenow'?: number;
+    'aria-valuetext'?: string;
     dangerouslySetInnerHTML?: {
@@ -324,6 +266,4 @@ __html: string;
     onTransitionEndCapture?: (event: React.TransitionEvent<HTMLDivElement>) => void;
-    ref?: React.Ref<HTMLDivElement>;
-    key?: string | number;
-}, HTMLDivElement>;
-export interface ICol extends React.HTMLProps<HTMLDivElement> {
+}, Element>;
+export interface ICol extends React.HTMLAttributes<HTMLDivElement> {
     /** (HorizontalAlignment(string)) How to align content horizontally in this column */
@@ -343,107 +283,2 @@ horizontalAlignment?: HorizontalAlignment;
     style: React.CSSProperties;
-    accept?: string;
-    acceptCharset?: string;
-    action?: string;
-    allowFullScreen?: boolean;
-    allowTransparency?: boolean;
-    alt?: string;
-    as?: string;
-    async?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    autoPlay?: boolean;
-    capture?: boolean;
-    cellPadding?: string | number;
-    cellSpacing?: string | number;
-    charSet?: string;
-    challenge?: string;
-    checked?: boolean;
-    cite?: string;
-    classID?: string;
-    cols?: number;
-    colSpan?: number;
-    content?: string;
-    controls?: boolean;
-    coords?: string;
-    crossOrigin?: string;
-    data?: string;
-    dateTime?: string;
-    default?: boolean;
-    defer?: boolean;
-    disabled?: boolean;
-    download?: any;
-    encType?: string;
-    form?: string;
-    formAction?: string;
-    formEncType?: string;
-    formMethod?: string;
-    formNoValidate?: boolean;
-    formTarget?: string;
-    frameBorder?: string | number;
-    headers?: string;
-    height?: string | number;
-    high?: number;
-    href?: string;
-    hrefLang?: string;
-    htmlFor?: string;
-    httpEquiv?: string;
-    integrity?: string;
-    keyParams?: string;
-    keyType?: string;
-    kind?: string;
-    label?: string;
-    list?: string;
-    loop?: boolean;
-    low?: number;
-    manifest?: string;
-    marginHeight?: number;
-    marginWidth?: number;
-    max?: string | number;
-    maxLength?: number;
-    media?: string;
-    mediaGroup?: string;
-    method?: string;
-    min?: string | number;
-    minLength?: number;
-    multiple?: boolean;
-    muted?: boolean;
-    name?: string;
-    nonce?: string;
-    noValidate?: boolean;
-    open?: boolean;
-    optimum?: number;
-    pattern?: string;
-    placeholder?: string;
-    playsInline?: boolean;
-    poster?: string;
-    preload?: string;
-    readOnly?: boolean;
-    rel?: string;
-    required?: boolean;
-    reversed?: boolean;
-    rows?: number;
-    rowSpan?: number;
-    sandbox?: string;
-    scope?: string;
-    scoped?: boolean;
-    scrolling?: string;
-    seamless?: boolean;
-    selected?: boolean;
-    shape?: string;
-    size?: number;
-    sizes?: string;
-    span?: number;
-    src?: string;
-    srcDoc?: string;
-    srcLang?: string;
-    srcSet?: string;
-    start?: number;
-    step?: string | number;
-    summary?: string;
-    target?: string;
-    type?: string;
-    useMap?: string;
-    value?: string | number | string[];
-    wmode?: string;
-    wrap?: string;
     defaultChecked?: boolean;
@@ -488,2 +323,49 @@ defaultValue?: string | string[];
     unselectable?: boolean;
+    'aria-activedescendant'?: string;
+    'aria-atomic'?: boolean | "false" | "true";
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+    'aria-busy'?: boolean | "false" | "true";
+    'aria-checked'?: boolean | "false" | "true" | "mixed";
+    'aria-colcount'?: number;
+    'aria-colindex'?: number;
+    'aria-colspan'?: number;
+    'aria-current'?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
+    'aria-describedby'?: string;
+    'aria-details'?: string;
+    'aria-disabled'?: boolean | "false" | "true";
+    'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+    'aria-errormessage'?: string;
+    'aria-expanded'?: boolean | "false" | "true";
+    'aria-flowto'?: string;
+    'aria-grabbed'?: boolean | "false" | "true";
+    'aria-haspopup'?: boolean | "menu" | "false" | "true" | "listbox" | "tree" | "grid" | "dialog";
+    'aria-hidden'?: boolean | "false" | "true";
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
+    'aria-keyshortcuts'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-level'?: number;
+    'aria-live'?: "off" | "assertive" | "polite";
+    'aria-modal'?: boolean | "false" | "true";
+    'aria-multiline'?: boolean | "false" | "true";
+    'aria-multiselectable'?: boolean | "false" | "true";
+    'aria-orientation'?: "horizontal" | "vertical";
+    'aria-owns'?: string;
+    'aria-placeholder'?: string;
+    'aria-posinset'?: number;
+    'aria-pressed'?: boolean | "false" | "true" | "mixed";
+    'aria-readonly'?: boolean | "false" | "true";
+    'aria-relevant'?: "all" | "text" | "additions" | "additions text" | "removals";
+    'aria-required'?: boolean | "false" | "true";
+    'aria-roledescription'?: string;
+    'aria-rowcount'?: number;
+    'aria-rowindex'?: number;
+    'aria-rowspan'?: number;
+    'aria-selected'?: boolean | "false" | "true";
+    'aria-setsize'?: number;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other";
+    'aria-valuemax'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuenow'?: number;
+    'aria-valuetext'?: string;
     children?: React.ReactNode;
@@ -629,4 +511,2 @@ dangerouslySetInnerHTML?: {
     onTransitionEndCapture?: (event: React.TransitionEvent<HTMLDivElement>) => void;
-    ref?: React.Ref<HTMLDivElement>;
-    key?: string | number;
-}, HTMLDivElement>;
+}, Element>;

dist/components/navigation/burgerMenu.d.ts

@@ -10,3 +10,2 @@ /// <reference types="react" />
     mode?: "push" | "slide";
-    children?: React.ReactNode;
 }
@@ -23,3 +22,5 @@ export declare class BurgerMenu extends React.Component<IBurgerMenuProps, {}> {
     componentWillUnmount(): void;
-    componentWillReceiveProps(newProps: IBurgerMenuProps): void;
+    componentWillReceiveProps(newProps: Readonly<{
+        children?: React.ReactNode;
+    }> & Readonly<IBurgerMenuProps>): void;
     componentDidMount(): void;
@@ -32,3 +33,3 @@ renderToPortal(element: JSX.Element): void;
 }
-export interface IBurgerMenuItemProps extends React.HTMLProps<HTMLDivElement> {
+export interface IBurgerMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
@@ -35,0 +36,0 @@ icon?: string;

dist/components/navigation/burgerMenu.js

@@ -106,3 +106,3 @@ "use strict";
                 React.createElement("div", { className: "burger-blocker", onClick: function () { return _this.closeMenu(); } }),
-            React.createElement("ul", { className: "burger-menu-list", role: "menu", "aria-activedescendant": true, "aria-expanded": this.isOpen, "aria-hidden": !this.isOpen }, React.Children.map(children, function (c, index) {
+            React.createElement("ul", { className: "burger-menu-list", role: "menu", "aria-activedescendant": "true", "aria-expanded": this.isOpen, "aria-hidden": !this.isOpen }, React.Children.map(children, function (c, index) {
                 return React.createElement("li", { onClick: function (e) { return _this.closeNav(e, function () { return _this.closeMenu(); }); }, key: "nav_item_" + index }, c);
@@ -109,0 +109,0 @@ }))));

dist/components/navigation/tabControl.d.ts

 /// <reference types="react" />
 import * as React from "react";
-export interface ITabControlProps extends React.HTMLProps<HTMLDivElement> {
+export interface ITabControlProps extends React.HTMLAttributes<HTMLDivElement> {
     /** (number) The index of the tab selected when the control renders. Defaults to 0 */
@@ -22,3 +22,3 @@ defaultSelectedIndex?: number;
 }
-export interface ITabItemProps extends React.HTMLProps<HTMLDivElement> {
+export interface ITabItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /** (string | JSX.Element) The content to use in the tab items header */
@@ -25,0 +25,0 @@ title: any;

dist/components/utility/sample.js

@@ -73,2 +73,2 @@ // import * as React from "react";
 //   }
-// } 
+// }

package.json

 {
   "name": "armstrong-react",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "description": "Rocketmakers Armstrong library of React components",
@@ -9,3 +9,3 @@ "main": "./dist/index.js",
   "scripts": {
-    "build-ts": "tsc -p source -d",
+    "build-ts": "tsc --pretty -p source -d",
     "build-scss": "node sass_concat.js",
@@ -40,3 +40,3 @@ "build": "yarn run build-ts && yarn run build-scss",
   "devDependencies": {
-    "@types/react": "16.0.31",
+    "@types/react": "16.0.36",
     "@types/react-dom": "^16.0.3",
@@ -50,4 +50,4 @@ "@types/underscore": "^1.8.6",
     "ts-loader": "^3.2.0",
-    "typescript": "~2.6.2"
+    "typescript": "~2.7.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

757478

2.06%

Worsened metrics

Lines of code

14931

-0.77%

No dependency changes