v0.2.17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/design-system",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "description": "Design System by Channel",
   "repository": {
     "type": "git",

src/components/Overlay/Overlay.stories.tsx

@@ -7,7 +7,7 @@ import { getTitle } from '../../utils/utils'
 import { styled } from '../../styling/Theme'
 import Palette from '../../styling/Palette'
 import Overlay from './Overlay'
-import OverlayPosition from './OverlayPosition'
+import { OverlayPosition } from './Overlay.types'
 
 export default {
   title: getTitle(base),

src/components/Overlay/Overlay.tsx

@@ -18,8 +18,8 @@ import OverlayProps, {
   GetOverlayStyleProps,
   GetOverlayPositionProps,
   GetOverlayTranslatationProps,
+  OverlayPosition,
 } from './Overlay.types'
-import OverlayPosition from './OverlayPosition'
 import { Container, Wrapper, StyledOverlay } from './Overlay.styled'
 
 export const CONTAINER_TEST_ID = 'ch-design-system-container'

src/components/Overlay/Overlay.types.ts

@@ -3,7 +3,6 @@ import React from 'react'
 
 /* Internal dependencies */
 import { UIComponentProps, ChildrenComponentProps } from '../../types/ComponentProps'
-import OverlayPosition from './OverlayPosition'
 
 export default interface OverlayProps extends UIComponentProps, ChildrenComponentProps, React.HTMLAttributes<HTMLDivElement> {
   show?: boolean
@@ -40,4 +39,19 @@ export interface StyledOverlayProps {
   isHidden: boolean
 }
 
+export enum OverlayPosition {
+  TopCenter = 'topCenter',
+  TopLeft = 'topLeft',
+  TopRight = 'topRight',
+  RightCenter = 'rightCenter',
+  RightTop = 'rightTop',
+  RightBottom = 'rightBottom',
+  BottomCenter = 'bottomCenter',
+  BottomLeft = 'bottomLeft',
+  BottomRight = 'bottomRight',
+  LeftCenter = 'leftCenter',
+  LeftTop = 'leftTop',
+  LeftBottom = 'leftBottom',
+}
+
 export type EventHandler<K extends keyof HTMLElementEventMap> = (event: HTMLElementEventMap[K]) => any

src/components/Overlay/index.ts

@@ -1,13 +1,13 @@
 /* Internal dependencies */
 import Overlay from './Overlay'
-import type OverlayPosition from './OverlayPosition'
+import { OverlayPosition } from './Overlay.types'
 import type OverlayProps from './Overlay.types'
 
 export type {
   OverlayProps,
-  OverlayPosition,
 }
 
 export {
   Overlay,
+  OverlayPosition,
 }

src/index.ts

@@ -16,7 +16,9 @@ export * from './components/List/ListMenuTitle'
 export * from './components/List/ListMenuGroup'
 export * from './components/List/ListItem'
 export * from './components/Overlay'
-export * from './components/Editor'
+
+// TODO: Antlr 문제 수정 후 export (Cannot read property RuleContext of undefined)
+// export * from './components/Editor'
 
 /* Layout */
 export * from './layout/GNB'