@heliux-org/design-system-core 0.0.181 → 0.0.183

package/src/components/GridSystem/GridSystem.tsx

@@ -86,8 +86,8 @@ const GridRow: React.FC<RowProps> = ({
   const style: CSSProperties = {
     display: 'flex',
     flexWrap: 'wrap',
-    marginLeft: nogutter ? '0' : '-15px',
-    marginRight: nogutter ? '0' : '-15px',
+    marginLeft: nogutter ? '0' : '-4px',  // Changed from -15px to -4px
+    marginRight: nogutter ? '0' : '-4px', // Changed from -15px to -4px
   };
 
   return (
@@ -114,14 +114,15 @@ const GridCol: React.FC<ColProps> = ({
   const style: CSSProperties & { [key: string]: any } = {
     position: 'relative',
     width: '100%',
-    paddingRight: '15px',
-    paddingLeft: '15px',
+    paddingRight: '4px',  // Changed from 15px to 4px
+    paddingLeft: '4px',   // Changed from 15px to 4px
     flexBasis: getWidthString(xs) || 'auto',
     flexGrow: xs ? 0 : 1,
     maxWidth: getWidthString(xs) || '100%',
     marginLeft: offset ? `${(offset / 12) * 100}%` : '0',
   };
 
+
   if (sm) {
     style['@media (min-width: 576px)'] = {
       flexBasis: getWidthString(sm),

package/src/components/Grid/Grid.tsx

@@ -1,26 +0,0 @@
-import React, { ReactNode } from "react";
-import { Container, Row, Col, IGridContainerProps, IGridRowProps, IGridColProps } from "react-awesome-styled-grid";
-
-interface GridContainerProps extends IGridContainerProps {
-  children: ReactNode;
-}
-
-interface GridRowProps extends IGridRowProps {
-  children: ReactNode;
-}
-
-interface GridColProps extends IGridColProps {
-  children: ReactNode;
-}
-
-export const GridContainer: React.FC<GridContainerProps> = ({ children, ...props }) => {
-  return <Container {...props}>{children}</Container>;
-};
-
-export const GridRow: React.FC<GridRowProps> = ({ children, ...props }) => {
-  return <Row {...props}>{children}</Row>;
-};
-
-export const GridCol: React.FC<GridColProps> = ({ children, ...props }) => {
-  return <Col {...props}>{children}</Col>;
-};

package/src/components/Grid/index.ts

@@ -1 +0,0 @@
-export * from "./Grid";