@edirect/frontend-foundations - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/components/Column/Column.d.ts

 /// <reference types="react" />
 import { ColumnContainerPropsType } from '../../shared/types/column.type.js';
-declare const Column: ({ children, size, className }: ColumnContainerPropsType) => JSX.Element;
+declare const Column: ({ children, size, className, ...rest }: ColumnContainerPropsType) => JSX.Element;
 export default Column;

dist/components/Column/Column.js

@@ -71,6 +71,8 @@ "use strict";
   size,
-  className
+  className,
+  ...rest
 }) => /*#__PURE__*/_react.default.createElement(S.ColumnContainer, {
   className: className,
-  size: size
+  size: size,
+  ...rest
 }, children);
@@ -77,0 +79,0 @@

dist/components/Icon/Icon.d.ts

 import { ReactElement } from 'react';
 import { IconPropsType } from '../../shared/types/icon.type.js';
-declare const Icon: ({ iconName, size, colorName }: IconPropsType) => ReactElement;
+declare const Icon: ({ iconName, size, colorName, ...rest }: IconPropsType) => ReactElement;
 export default Icon;

dist/components/Icon/Icon.js

@@ -19,6 +19,7 @@ "use strict";
   size,
-  colorName
+  colorName,
+  ...rest
 }) => {
-  const propsPicture = {
-    className: colorName ? `fill-${colorName}` : ''
+  const propsPicture = { ...rest,
+    className: colorName ? `fill-${colorName} ${rest.className}` : ''
   };
@@ -25,0 +26,0 @@

dist/components/Row/Row.d.ts

 /// <reference types="react" />
 import { RowPropsType } from '../../shared/types/row.type.js';
-declare const Row: ({ children, fullWidth }: RowPropsType) => JSX.Element;
+declare const Row: ({ children, fullWidth, ...rest }: RowPropsType) => JSX.Element;
 export default Row;

dist/components/Row/Row.js

@@ -70,5 +70,7 @@ "use strict";
   children,
-  fullWidth = false
+  fullWidth = false,
+  ...rest
 }) => /*#__PURE__*/_react.default.createElement(S.RowContainer, {
-  fullWidth: fullWidth
+  fullWidth: fullWidth,
+  ...rest
 }, children);
@@ -75,0 +77,0 @@

dist/components/Typography/Typography.d.ts

 import { ReactElement } from 'react';
 import { TypographyPropsType } from '../../shared/types/typography.type.js';
-declare const Typography: ({ element, type, align, className, children, }: TypographyPropsType) => ReactElement;
+declare const Typography: ({ element, type, align, className, children, ...rest }: TypographyPropsType) => ReactElement;
 export default Typography;

dist/components/Typography/Typography.js

@@ -23,3 +23,4 @@ "use strict";
   className,
-  children
+  children,
+  ...rest
 }) => {
@@ -40,3 +41,4 @@ const createTypographyElement = () => {
     return /*#__PURE__*/_react.default.createElement(Element, {
-      className: className
+      className: className,
+      ...rest
     }, children);
@@ -43,0 +45,0 @@ };

dist/shared/types/column.type.d.ts

@@ -1,5 +0,2 @@
-import { ReactElement } from 'react';
-export declare type ColumnContainerPropsType = {
-    className?: string;
-    children?: ReactElement | ReactElement[];
+export declare type ColumnContainerPropsType = HTMLDivElement & {
     size: {
@@ -6,0 +3,0 @@ xs: string;

dist/shared/types/icon.type.d.ts

@@ -1,2 +0,2 @@
-import { Props as SVGProps } from 'react-inlinesvg';
+import React from 'react';
 declare type SizeType<K extends 'xs' | 'sm' | 'md' | 'lg', T> = {
@@ -9,3 +9,3 @@ [P in K]: T;
 }>;
-export declare type IconPropsType = {
+export declare type IconPropsType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
     iconName: string;
@@ -15,5 +15,2 @@ colorName: string;
 };
-export declare type StyledSVGProps = SVGProps & {
-    size: SizesType;
-};
 export {};

dist/shared/types/row.type.d.ts

@@ -1,5 +0,3 @@
-import { ReactElement } from 'react';
-export declare type RowPropsType = {
-    children?: ReactElement[] | ReactElement;
+export declare type RowPropsType = HTMLDivElement & {
     fullWidth?: boolean;
 };

dist/shared/types/typography.type.d.ts

@@ -1,6 +0,5 @@
-import { ReactElement } from 'react';
 import { typographyBreakPoints } from './bolttech-theme-provider.type.js';
 declare type TextElementsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'p';
 declare type TextAlignmentsType = 'left' | 'center' | 'right';
-export declare type TypographyPropsType = {
+export declare type TypographyPropsType = HTMLElement & {
     className?: string;
@@ -10,4 +9,3 @@ element?: TextElementsType;
     align?: TextAlignmentsType;
-    children: ReactElement[] | ReactElement | string | string[] | number | number[] | boolean;
 };
 export {};

package.json

 {
   "name": "@edirect/frontend-foundations",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Frontend Foundations",
@@ -23,3 +23,2 @@ "main": "dist/index.js",
     "react-dom": "^17.0.2",
-    "react-inlinesvg": "^3.0.0",
     "styled-components": "^5.3.5"
@@ -26,0 +25,0 @@ },

README.md

 [![N|Solid](https://www.bolttech.co.th/blog/wp-content/uploads/2020/10/logo.png)](https://bolttech.io)
-# bolttech Foundations
+# Foundations
 ## The foundations of the design system
@@ -4,0 +4,0 @@

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

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

Dependency count

4

decreased by-20%

Worsened metrics

Total package byte prevSize

181012

decreased by-0.16%

Number of package files

283

decreased by-0.7%

Lines of code

1189

decreased by-1.65%

Dependency changes

• - Removedreact-inlinesvg@^3.0.0

• - Removedexenv@1.2.2(transitive)

• - Removedreact-from-dom@0.6.2(transitive)

• - Removedreact-inlinesvg@3.0.3(transitive)