feat: export default frame

kufu · Aug 9, 2019 · 4e1340d · 4e1340d
1 parent c95707a
commit 4e1340d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -22,3 +22,4 @@ export { createTheme } from './themes/createTheme'
 export { ThemeProvider } from './themes/ThemeProvider'
 export { defaultPalette } from './themes/createPalette'
 export { defaultHover } from './themes/createInteraction'
+export { defaultBorder } from './themes/createFrame'
diff --git a/src/themes/createFrame.ts b/src/themes/createFrame.ts
@@ -3,6 +3,7 @@ import { defaultPalette, PaletteProperty } from './createPalette'
 
 const lineWidth = '1px'
 const lineStyle = 'solid'
+const lineColor = defaultPalette.BORDER
 
 export interface FrameProperty {
   border?: {
@@ -30,6 +31,17 @@ export interface CreatedFrameTheme {
   }
 }
 
+export const defaultBorder = {
+  lineWidth,
+  lineStyle,
+  default: `${lineWidth} ${lineStyle} ${lineColor}`,
+  radius: {
+    s: '3px',
+    m: '6px',
+    l: '8px',
+  },
+}
+
 export const createFrame = (userFrame: FrameProperty = {}, userPalette: PaletteProperty = {}) => {
   const color = userPalette.BORDER || defaultPalette.BORDER
   const created: CreatedFrameTheme = merge(