@imtbl/design-system - npm Package Compare versions

Comparing version 0.0.21 to 0.0.22

dist/src/components/layout/box.component.d.ts

 import { BoxLayoutPropTypes } from '../../types';
 export declare function Box({ children, className, testId, ...props }: BoxLayoutPropTypes): JSX.Element;
-export declare namespace Box {
-    var defaultProps: {
-        className: string;
-        testId: string;
-        backgroundColor: string;
-        backgroundGradient: string;
-        paddingBottom: string;
-        width: string;
-        height: string;
-        marginLeft: string;
-        marginRight: string;
-        marginBottom: string;
-        marginTop: string;
-        paddingLeft: string;
-        paddingRight: string;
-        paddingTop: string;
-        padding: string;
-        margin: string;
-    };
-}

dist/src/components/layout/flex-layout.component.d.ts

 import { FlexLayoutPropTypes } from 'src/types';
 export declare function FlexLayout({ children, className, testId, alignItems, flexDirection, justifyContent, flexWrap, ...props }: FlexLayoutPropTypes): JSX.Element;
-export declare namespace FlexLayout {
-    var defaultProps: {
-        className: string;
-        alignItems: string;
-        flexDirection: string;
-        justifyContent: string;
-        flexWrap: string;
-        width: string;
-        height: string;
-        testId: string;
-    };
-}

dist/src/components/text/heading-text.component.d.ts

@@ -1,6 +0,5 @@
-import React from 'react';
 import { BaseComponentPropTypes, HeadingTextSizes, ResponsiveBreakpoint, TextAlign } from '../../types';
 export interface HeadingTextPropTypes extends BaseComponentPropTypes {
+    textAlign?: TextAlign;
     fontSize?: HeadingTextSizes;
-    textAlign?: TextAlign;
     fillColor?: string;
@@ -12,16 +11,5 @@ fillGradient?: string;
 }
-export declare function HeadingText({ children, className, fontSize, textAlign, fillColor, fillGradient, responsiveFontSize, testId, semanticHeadingIndex, responsiveTextAlign, }: HeadingTextPropTypes): React.ReactElement<{
+export declare function HeadingText({ children, className, fontSize, textAlign, fillColor, fillGradient, responsiveFontSize, testId, semanticHeadingIndex, responsiveTextAlign, }: HeadingTextPropTypes): import("react").ReactElement<{
     'data-testid': string | undefined;
     className: string;
-}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-export declare namespace HeadingText {
-    var defaultProps: {
-        className: string;
-        textAlign: string;
-        fontSize: string;
-        fillColor: string;
-        fillGradient: string;
-        responsiveFontSize: never[];
-        semanticHeadingIndex: number;
-    };
-}
+}, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;

dist/src/components/text/shared.d.ts

 import { ResponsiveBreakpoint } from 'src/types';
-export declare function renderTextColoringStyles({ fillColor, fillGradient }: {
-    fillColor: any;
-    fillGradient: any;
-}): string;
 export declare function renderResponsiveTextAlignStyles(breakpoints?: ResponsiveBreakpoint[]): string;

dist/src/components/text/simple-text.component.d.ts

 import { TextPropTypes } from '../../types';
 export declare function SimpleText({ children, className, testId, fontSize, fontWeight, fontStyle, textAlign, fillColor, fillGradient, responsiveFontSize, responsiveTextAlign, }: TextPropTypes): JSX.Element;
-export declare namespace SimpleText {
-    var defaultProps: {
-        className: string;
-        textAlign: string;
-        fontStyle: string;
-        fontWeight: string;
-        fontSize: string;
-        fillColor: string;
-        fillGradient: string;
-        responsiveFontSize: never[];
-        responsiveTextAlign: never[];
-    };
-}

dist/src/helpers/color.helpers.d.ts

@@ -7,3 +7,3 @@ export declare const componentToHex: (c: number) => string;
     b: number;
-} | undefined;
-export declare const hexToCssRgbString: (hex: string) => string | undefined;
+} | null;
+export declare const hexToCssRgbString: (hex: string) => string | null;

dist/src/helpers/text.helpers.d.ts

 export declare const stringContainsEmoji: (text: string) => boolean;
 export declare const enhancedTextRenderingStyles = "\n  /* Get fonts to look slightly nicer where possible */\n  -webkit-font-smoothing: subpixel-antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility\n";
+export declare function renderTextColoringStyles({ fillColor, fillGradient }: {
+    fillColor: any;
+    fillGradient: any;
+}): string;

dist/src/index.d.ts

@@ -5,4 +5,6 @@ export * from './components/vertical-space';
 export * from './components/layout';
+export * from './components/icon';
+export * from './components/loaders';
 export * from './helpers';
 export * from './types';
 export * from './variables';

dist/src/types/gradients.types.d.ts

@@ -5,4 +5,4 @@ export interface ThemeGradients {
     simple: (direction?: string) => string;
-    mirror?: (direction?: string) => string;
+    mirror: (direction?: string) => string;
 }
 export declare type FillGradientTarget = 'bottom' | 'left' | 'right' | 'top' | 'bottom' | 'left top' | 'right top' | 'left bottom' | 'right bottom';

dist/src/types/shared.types.d.ts

@@ -5,3 +5,3 @@ import { spacingAmounts } from './measurements.types';
 export declare type BaseComponentPropTypes = {
-    children: any;
+    children?: any;
     className?: string;
@@ -8,0 +8,0 @@ testId?: string;

package.json

 {
   "name": "@imtbl/design-system",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "A repository to house all design system components utilised inside of IMX GUI",
@@ -69,3 +69,3 @@ "main": "dist/index.js",
     "@babel/preset-env": "^7.12.1",
-    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-react": "^7.12.1",
     "@babel/preset-typescript": "^7.12.1",
@@ -124,3 +124,3 @@ "@cypress/code-coverage": "^3.8.2",
     "ts-loader": "^8.0.5",
-    "typescript": "^4.0.3",
+    "typescript": "^4.1.0-beta",
     "url-loader": "4.1.1",
@@ -127,0 +127,0 @@ "webpack": "^5.1.3",

New alerts

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

Fixed alerts

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

Improved metrics

Total package byte prevSize

590426

increased by49.64%

Number of package files

53

increased by8.16%

Lines of code

1697

increased by16.55%

Worsened metrics

Number of low supply chain risk alerts

145

increased by28.32%

No dependency changes