@channel.io/design-system - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

build/components/Switch/Switch.d.ts

@@ -1,4 +0,4 @@
-import { ReactElement } from 'react';
+import React from 'react';
 import SwitchProps from './Switch.types';
-declare function Switch({ as, testId, className, style, checked, disabled, size, onClick, }: SwitchProps): ReactElement;
-export default Switch;
+declare const _default: React.ForwardRefExoticComponent<Pick<SwitchProps, React.Key> & React.RefAttributes<any>>;
+export default _default;

build/components/Text/Text.d.ts

 /// <reference types="react" />
 import TextProps from './Text.types';
-declare function Text({ as, testId, content, typo, style, className, }: TextProps): JSX.Element;
+declare function Text({ as, testId, content, bold, italic, typo, style, className, }: TextProps): JSX.Element;
 declare namespace Text {
@@ -5,0 +5,0 @@ var displayName: string;

build/components/Text/Text.types.d.ts

 import { css } from 'styled-components';
 import { ContentComponentProps } from '../../types/ComponentProps';
 export default interface TextProps extends ContentComponentProps<string> {
+    bold?: boolean;
+    italic?: boolean;
     typo?: ReturnType<typeof css>;
 }

build/index.d.ts

 export * from './components/Button';
+export * from './components/Icon';
 export * from './components/Switch';
@@ -6,2 +7,4 @@ export * from './components/Text';
 export * from './layout/Navigation';
+export { default as Typography } from './styling/Typography';
+export * from './styling/Colors';
 export * from './styling/Theme';

build/layout/GNB/GNB.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
+import React from 'react';
 import GNBProps from './GNB.types';
-declare function GNB({ testId, children, style, className, }: GNBProps): JSX.Element;
-export default GNB;
+declare const _default: React.ForwardRefExoticComponent<Pick<GNBProps, React.ReactText> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

build/layout/Navigation/Navigation.d.ts

@@ -1,5 +0,5 @@
-/// <reference types="react" />
+import React from 'react';
 import NavigationProps from './Navigation.types';
 export declare const NAV_SCROLL_TEST_ID = "ch-design-system-nav-scroll";
-declare function Navigation({ testId, style, className, minWidth, maxWidth, disableResize, onChangeWidth, children, }: NavigationProps): JSX.Element;
-export default Navigation;
+declare const _default: React.ForwardRefExoticComponent<Pick<NavigationProps, React.ReactText> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

build/layout/Navigation/Navigation.styled.d.ts

@@ -7,3 +7,7 @@ import NavigationProps from './Navigation.types';
 export declare const StyledContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledTitleWrapperProps {
+    sticky: boolean;
+}
+export declare const StyledTitleWrapper: import("styled-components").StyledComponent<"div", any, StyledTitleWrapperProps, never>;
 export declare const StyledHandle: import("styled-components").StyledComponent<"div", any, StyledHandleProps, never>;
 export {};

build/layout/Navigation/Navigation.types.d.ts

 import { ChildrenComponentProps } from '../../types/ComponentProps';
 export default interface NavigationProps extends Omit<ChildrenComponentProps, 'as'> {
+    title?: string;
+    fixedTitle?: boolean;
     minWidth?: number;
@@ -4,0 +6,0 @@ maxWidth?: number;

build/styling/Colors.d.ts

@@ -12,2 +12,3 @@ export interface Colors {
     shadow1?: string;
+    iconBase?: string;
 }
@@ -14,0 +15,0 @@ export declare const Light: Colors;

build/types/ComponentProps.d.ts

@@ -1,3 +0,3 @@
-import React from 'react';
-import { Extendable, CSSInJsStyle } from './utilTypes';
+import React, { CSSProperties } from 'react';
+import { Extendable } from './utilTypes';
 export declare type ReactChildren = React.ReactNodeArray | React.ReactNode;
@@ -9,3 +9,3 @@ export interface RenderConfigProps {
 export declare type StylableComponentProps = Extendable<{
-    style?: CSSInJsStyle;
+    style?: CSSProperties;
     className?: string;
@@ -12,0 +12,0 @@ }>;

build/types/utilTypes.d.ts

@@ -1,22 +0,3 @@
-import React from 'react';
-declare type CSSProperties = React.CSSProperties;
-export interface CSSPseudoElementStyle extends CSSInJsStyle {
-    content?: string;
-}
-export declare type CSSInJsStyle = Omit<CSSProperties, 'display'> & {
-    [key: string]: any;
-    display?: CSSProperties['display'] | CSSProperties['display'][];
-    '::before'?: CSSPseudoElementStyle;
-    '::after'?: CSSPseudoElementStyle;
-    ':hover'?: CSSInJsStyle;
-    ':active'?: CSSInJsStyle;
-    ':focus'?: CSSInJsStyle;
-    ':visited'?: CSSInJsStyle;
-    ':first-child'?: CSSInJsStyle;
-    ':last-child'?: CSSInJsStyle;
-    ':nth-child(n+2)'?: CSSInJsStyle;
-};
 export declare type Extendable<T, V = any> = T & {
     [key: string]: V;
 };
-export {};

package.json

 {
   "name": "@channel.io/design-system",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Design System by Channel",
@@ -29,2 +29,3 @@ "repository": {
     "build:storybook": "build-storybook",
+    "build:icon": "./scripts/build-icon.sh",
     "deploy:storybook": "storybook-to-ghpages --remote=upstream"
@@ -67,2 +68,3 @@ },
     "@storybook/storybook-deployer": "^2.8.6",
+    "@svgr/cli": "^5.4.0",
     "@testing-library/jest-dom": "^5.5.0",
@@ -69,0 +71,0 @@ "@testing-library/react": "^10.0.4",

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

Improved metrics

Total package byte prevSize

4116989

40.67%

Number of package files

376

637.25%

Lines of code

38942

17.23%

Worsened metrics

Dev dependency count

48

2.13%

Number of low supply chain risk alerts

18

Infinity%

No dependency changes