fix import breakpoint

paljs · Jul 1, 2020 · 78db3fa · 78db3fa
1 parent e8d3aec
commit 78db3fa
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 7 deletions.
diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -4,11 +4,23 @@
   "main": "dist/index.js",
   "module": "dist/theme.esm.js",
   "types": "dist/index.d.ts",
+  "description": "@paljs/theme package for @paljs/ui package",
+  "repository": "https://github.com/paljs/ui.git",
+  "author": "Ahmed Elywa  <[email protected]> (https://github.com/paljs/ui)",
+  "license": "MIT",
   "scripts": {
     "test": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
     "build": "tsdx build --transpileOnly",
     "prepack": "yarn build",
     "start": "tsdx watch"
-  }
+  },
+  "files": [
+    "dist"
+  ],
+  "bugs": {
+    "url": "https://github.com/paljs/ui",
+    "email": "[email protected]"
+  },
+  "homepage": "https://github.com/paljs/ui"
 }
diff --git a/packages/ui/src/Col/index.tsx b/packages/ui/src/Col/index.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { breakpointUp, getGridSize, breakpoints, getGridGutter, BreakPointKeys } from '@paljs/theme';
+import { breakpointUp, getGridSize, breakpoints, getGridGutter, BreakPointKeys } from '../breakpoints';
 
 const BP = Object.keys(breakpoints);
 

diff --git a/packages/ui/src/Container/index.tsx b/packages/ui/src/Container/index.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { maxContainer, breakpointUp, getGridGutter, BreakPointKeys } from '@paljs/theme';
+import { maxContainer, breakpointUp, getGridGutter, BreakPointKeys } from '../breakpoints';
 
 const width = css<{ fluid?: boolean }>`
   ${({ fluid }) =>

diff --git a/packages/ui/src/Layout/style.ts b/packages/ui/src/Layout/style.ts
@@ -5,7 +5,8 @@
  */
 
 import styled, { css } from 'styled-components';
-import { breakpointDown, ThemeKeys, ThemeObject } from '@paljs/theme';
+import { ThemeKeys, ThemeObject } from '@paljs/theme';
+import { breakpointDown } from '../breakpoints';
 import SidebarStyle from '../Sidebar/style';
 import { scrollbars } from '../utils';
 

diff --git a/packages/ui/src/Row/index.tsx b/packages/ui/src/Row/index.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { breakpointUp, getGridGutter, BreakPointKeys } from '@paljs/theme';
+import { breakpointUp, getGridGutter, BreakPointKeys } from '../breakpoints';
 
 const RowStyle = styled.div<RowProps>`
   display: flex;

diff --git a/packages/ui/src/Sidebar/index.tsx b/packages/ui/src/Sidebar/index.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import SidebarStyle from './style';
-import { ifWidthInBreakpoint, BreakPointKeys } from '@paljs/theme';
+import { ifWidthInBreakpoint, BreakPointKeys } from '../breakpoints';
 
 export interface SidebarStyleProps {
   state?: 'hidden' | 'visible' | 'compacted' | 'expanded';

diff --git a/packages/ui/src/Sidebar/style.ts b/packages/ui/src/Sidebar/style.ts
@@ -5,7 +5,7 @@
  */
 
 import styled, { css } from 'styled-components';
-import { breakpointDown } from '@paljs/theme';
+import { breakpointDown } from '../breakpoints';
 import { MenuStyle } from '../Menu/style';
 import { scrollbars } from '../utils';
 import { SidebarStyleProps } from './index';