From 6111d06f1a5ea7e316a59b06235bf79161e7b9ca Mon Sep 17 00:00:00 2001 From: Leo Jeong Date: Thu, 16 Jul 2020 17:46:46 +0900 Subject: [PATCH 1/5] =?UTF-8?q?Handle=20=EC=9D=98=20width=20=EB=A5=BC=2016?= =?UTF-8?q?px=20=EB=A1=9C=20=EB=8A=98=EB=A6=AC=EA=B3=A0=20=EA=B0=80?= =?UTF-8?q?=EC=9A=B4=EB=8D=B0=20=EC=A0=95=EB=A0=AC=20(#48)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layout/Navigation/Navigation.styled.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/layout/Navigation/Navigation.styled.ts b/src/layout/Navigation/Navigation.styled.ts index 393e7dda0f..3c122ae42e 100644 --- a/src/layout/Navigation/Navigation.styled.ts +++ b/src/layout/Navigation/Navigation.styled.ts @@ -44,9 +44,9 @@ export const StyledHandle = styled.div` position: absolute; top: 0; bottom: 0; - right: 0; + right: -8px; z-index: 10000; - width: 8px; + width: 16px; height: 100%; margin: 0 auto; cursor: ${props => (props.disable ? 'auto' : 'col-resize')}; @@ -56,7 +56,7 @@ export const StyledHandle = styled.div` position: absolute; top: 0; bottom: 0; - left: 6px; + left: 7px; width: 2px; height: 100%; opacity: 0; From e772ac72a247132a64fcb09dfa6b43784233c499 Mon Sep 17 00:00:00 2001 From: Leo Jeong Date: Thu, 16 Jul 2020 17:58:01 +0900 Subject: [PATCH 2/5] =?UTF-8?q?Global=20Header=20=EB=A0=88=EC=9D=B4?= =?UTF-8?q?=EC=95=84=EC=9B=83=20=EC=B6=94=EA=B0=80=20(#51)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Global Header 기초 작업 * 스타일 수정 및 export * Ref 타입 수정 * Global Header 하위 Node 의 -webkit-app-region: nodrag 제거 * Windows 용 아이콘 추가 * flex 제거 * Palette export * max-width 추가 * 테스트 코드 추가 --- src/components/Icon/assets/close-win.svg | 3 ++ src/components/Icon/assets/enlarge-win.svg | 3 ++ src/components/Icon/assets/minimize-win.svg | 3 ++ src/components/Icon/generated/CloseWin.tsx | 15 ++++++ src/components/Icon/generated/EnlargeWin.tsx | 15 ++++++ src/components/Icon/generated/MinimizeWin.tsx | 11 ++++ src/components/Icon/generated/index.tsx | 6 +++ src/index.ts | 2 + .../GlobalHeader/GlobalHeader.stories.tsx | 38 ++++++++++++++ .../GlobalHeader/GlobalHeader.styled.ts | 18 +++++++ src/layout/GlobalHeader/GlobalHeader.test.tsx | 51 +++++++++++++++++++ src/layout/GlobalHeader/GlobalHeader.tsx | 31 +++++++++++ src/layout/GlobalHeader/GlobalHeader.types.ts | 6 +++ src/layout/GlobalHeader/index.ts | 7 +++ 14 files changed, 209 insertions(+) create mode 100644 src/components/Icon/assets/close-win.svg create mode 100644 src/components/Icon/assets/enlarge-win.svg create mode 100644 src/components/Icon/assets/minimize-win.svg create mode 100644 src/components/Icon/generated/CloseWin.tsx create mode 100644 src/components/Icon/generated/EnlargeWin.tsx create mode 100644 src/components/Icon/generated/MinimizeWin.tsx create mode 100644 src/layout/GlobalHeader/GlobalHeader.stories.tsx create mode 100644 src/layout/GlobalHeader/GlobalHeader.styled.ts create mode 100644 src/layout/GlobalHeader/GlobalHeader.test.tsx create mode 100644 src/layout/GlobalHeader/GlobalHeader.tsx create mode 100644 src/layout/GlobalHeader/GlobalHeader.types.ts create mode 100644 src/layout/GlobalHeader/index.ts diff --git a/src/components/Icon/assets/close-win.svg b/src/components/Icon/assets/close-win.svg new file mode 100644 index 0000000000..9d1fe971e7 --- /dev/null +++ b/src/components/Icon/assets/close-win.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Icon/assets/enlarge-win.svg b/src/components/Icon/assets/enlarge-win.svg new file mode 100644 index 0000000000..bb2def404a --- /dev/null +++ b/src/components/Icon/assets/enlarge-win.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Icon/assets/minimize-win.svg b/src/components/Icon/assets/minimize-win.svg new file mode 100644 index 0000000000..40e2ca265f --- /dev/null +++ b/src/components/Icon/assets/minimize-win.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Icon/generated/CloseWin.tsx b/src/components/Icon/generated/CloseWin.tsx new file mode 100644 index 0000000000..7b1ebf306e --- /dev/null +++ b/src/components/Icon/generated/CloseWin.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +function SvgCloseWin(props: React.SVGProps) { + return ( + + + + ) +} + +export default SvgCloseWin diff --git a/src/components/Icon/generated/EnlargeWin.tsx b/src/components/Icon/generated/EnlargeWin.tsx new file mode 100644 index 0000000000..64f75de58d --- /dev/null +++ b/src/components/Icon/generated/EnlargeWin.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +function SvgEnlargeWin(props: React.SVGProps) { + return ( + + + + ) +} + +export default SvgEnlargeWin diff --git a/src/components/Icon/generated/MinimizeWin.tsx b/src/components/Icon/generated/MinimizeWin.tsx new file mode 100644 index 0000000000..8a912c50c0 --- /dev/null +++ b/src/components/Icon/generated/MinimizeWin.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +function SvgMinimizeWin(props: React.SVGProps) { + return ( + + + + ) +} + +export default SvgMinimizeWin diff --git a/src/components/Icon/generated/index.tsx b/src/components/Icon/generated/index.tsx index 6dd2c614b3..409cbe19fd 100644 --- a/src/components/Icon/generated/index.tsx +++ b/src/components/Icon/generated/index.tsx @@ -90,6 +90,7 @@ import ChevronUpDouble from './ChevronUpDouble' import ChevronUp from './ChevronUp' import Clip from './Clip' import Clock from './Clock' +import CloseWin from './CloseWin' import CloudDownload from './CloudDownload' import CloudUpload from './CloudUpload' import Code from './Code' @@ -109,6 +110,7 @@ import Edit from './Edit' import EmailUnread from './EmailUnread' import EmailUnsubscribed from './EmailUnsubscribed' import Email from './Email' +import EnlargeWin from './EnlargeWin' import ErrorFilled from './ErrorFilled' import ErrorTriangleFilled from './ErrorTriangleFilled' import Error from './Error' @@ -189,6 +191,7 @@ import MarkerPen from './MarkerPen' import Me from './Me' import Megaphone from './Megaphone' import Menu from './Menu' +import MinimizeWin from './MinimizeWin' import MinusCircleFilled from './MinusCircleFilled' import MinusCircle from './MinusCircle' import Mobile from './Mobile' @@ -412,6 +415,7 @@ const icons = { 'chevron-up': ChevronUp, 'clip': Clip, 'clock': Clock, + 'close-win': CloseWin, 'cloud-download': CloudDownload, 'cloud-upload': CloudUpload, 'code': Code, @@ -431,6 +435,7 @@ const icons = { 'email-unread': EmailUnread, 'email-unsubscribed': EmailUnsubscribed, 'email': Email, + 'enlarge-win': EnlargeWin, 'error-filled': ErrorFilled, 'error-triangle-filled': ErrorTriangleFilled, 'error': Error, @@ -511,6 +516,7 @@ const icons = { 'me': Me, 'megaphone': Megaphone, 'menu': Menu, + 'minimize-win': MinimizeWin, 'minus-circle-filled': MinusCircleFilled, 'minus-circle': MinusCircle, 'mobile': Mobile, diff --git a/src/index.ts b/src/index.ts index e8fadbef39..6662182015 100644 --- a/src/index.ts +++ b/src/index.ts @@ -7,8 +7,10 @@ export * from './components/Text' /* Layout */ export * from './layout/GNB' export * from './layout/Navigation' +export * from './layout/GlobalHeader' /* Styling */ export { default as Typography } from './styling/Typography' export * from './styling/Colors' export * from './styling/Theme' +export { default as Palette } from './styling/Palette' diff --git a/src/layout/GlobalHeader/GlobalHeader.stories.tsx b/src/layout/GlobalHeader/GlobalHeader.stories.tsx new file mode 100644 index 0000000000..d36b71ad28 --- /dev/null +++ b/src/layout/GlobalHeader/GlobalHeader.stories.tsx @@ -0,0 +1,38 @@ +/* External dependencies */ +import React from 'react' +import { addDecorator } from '@storybook/react' +import { withKnobs, boolean, select } from '@storybook/addon-knobs' + +/* Internal dependencies */ +import { LightTheme, DarkTheme, ThemeProvider } from '../../styling/Theme' +import GlobalHeader from './GlobalHeader' + +export default { + title: 'GlobalHeader', + decorators: [withKnobs], +} + +const decorator = storyfn => ( +
+ { storyfn() } +
+) + +addDecorator(decorator) + +export const WithoutTheme = () => () + +export const WithTheme = () => { + const isWindows = boolean('Windows', false) + const getTheme = (theme: string) => (theme === 'dark' ? DarkTheme : LightTheme) + + return ( + + + { isWindows ? 'Windows' : 'macOS' } + + + ) +} diff --git a/src/layout/GlobalHeader/GlobalHeader.styled.ts b/src/layout/GlobalHeader/GlobalHeader.styled.ts new file mode 100644 index 0000000000..b590b9134d --- /dev/null +++ b/src/layout/GlobalHeader/GlobalHeader.styled.ts @@ -0,0 +1,18 @@ +/* External dependencies */ +import styled from 'styled-components' + +/* Internal dependencies */ +import GlobalHeaderProps from './GlobalHeader.types' + +export const StyledGlobalHeader = styled.div` + position: relative; + flex: none; + width: 100%; + height: ${props => (props.isWindows ? 32 : 40)}px; + max-width: 100vw; + background-color: ${props => props.theme?.colors?.background1}; + box-shadow: inset 0 -1px 0 0 ${props => props.theme?.colors?.background3}; + transition: background-color 200ms ease-in-out; + -webkit-app-region: drag; + -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */ +` diff --git a/src/layout/GlobalHeader/GlobalHeader.test.tsx b/src/layout/GlobalHeader/GlobalHeader.test.tsx new file mode 100644 index 0000000000..8b752f3ba6 --- /dev/null +++ b/src/layout/GlobalHeader/GlobalHeader.test.tsx @@ -0,0 +1,51 @@ +/* External dependencies */ +import React from 'react' +import { render } from '@testing-library/react' + +/* Internal dependencies */ +import GlobalHeader from './GlobalHeader' +import GlobalHeaderProps from './GlobalHeader.types' + +const GLOBAL_HEADER_TEST_ID = 'ch-test-global-header' + +describe('GlobalHeader Test >', () => { + let props: GlobalHeaderProps + + beforeEach(() => { + props = { + testId: GLOBAL_HEADER_TEST_ID, + isWindows: false, + } + }) + + const renderGlobalHeader = (customProps?: GlobalHeaderProps) => + render() + + it('GlobalHeader should have 100% width', () => { + const { getByTestId } = renderGlobalHeader() + const renderedGH = getByTestId(GLOBAL_HEADER_TEST_ID) + + expect(renderedGH).toHaveStyle('width: 100%;') + }) + + it('GlobalHeader should have 100vw max width', () => { + const { getByTestId } = renderGlobalHeader() + const renderedGH = getByTestId(GLOBAL_HEADER_TEST_ID) + + expect(renderedGH).toHaveStyle('max-width: 100vw;') + }) + + it('GlobalHeader should have 40px height in macOS', () => { + const { getByTestId } = renderGlobalHeader() + const renderedGH = getByTestId(GLOBAL_HEADER_TEST_ID) + + expect(renderedGH).toHaveStyle('height: 40px;') + }) + + it('GlobalHeader should have 32px height in Windows', () => { + const { getByTestId } = renderGlobalHeader({ isWindows: true }) + const renderedGH = getByTestId(GLOBAL_HEADER_TEST_ID) + + expect(renderedGH).toHaveStyle('height: 32px;') + }) +}) diff --git a/src/layout/GlobalHeader/GlobalHeader.tsx b/src/layout/GlobalHeader/GlobalHeader.tsx new file mode 100644 index 0000000000..36bb9902ea --- /dev/null +++ b/src/layout/GlobalHeader/GlobalHeader.tsx @@ -0,0 +1,31 @@ +/* External dependencies */ +import React, { forwardRef } from 'react' + +/* Internal dependencies */ +import GlobalHeaderProps from './GlobalHeader.types' +import { StyledGlobalHeader } from './GlobalHeader.styled' + +function GlobalHeader( + { + testId, + className, + style, + children, + isWindows = false, + }: GlobalHeaderProps, + forwardedRef: React.Ref, +) { + return ( + + { children } + + ) +} + +export default forwardRef(GlobalHeader) diff --git a/src/layout/GlobalHeader/GlobalHeader.types.ts b/src/layout/GlobalHeader/GlobalHeader.types.ts new file mode 100644 index 0000000000..eb2ae6de52 --- /dev/null +++ b/src/layout/GlobalHeader/GlobalHeader.types.ts @@ -0,0 +1,6 @@ +/* Internal dependencies */ +import { ChildrenComponentProps } from '../../types/ComponentProps' + +export default interface GlobalHeaderProps extends Omit { + isWindows?: boolean +} diff --git a/src/layout/GlobalHeader/index.ts b/src/layout/GlobalHeader/index.ts new file mode 100644 index 0000000000..27145e23f2 --- /dev/null +++ b/src/layout/GlobalHeader/index.ts @@ -0,0 +1,7 @@ +import GlobalHeader from './GlobalHeader' +import GlobalHeaderProps from './GlobalHeader.types' + +export { + GlobalHeader, + GlobalHeaderProps, +} From 7cb125e475241643d57d416fe2a6fb8ef330854d Mon Sep 17 00:00:00 2001 From: Leo Jeong Date: Fri, 17 Jul 2020 16:08:27 +0900 Subject: [PATCH 3/5] =?UTF-8?q?Icon=20=EC=83=89=EC=83=81=20=EC=A7=80?= =?UTF-8?q?=EC=A0=95=20=EB=B0=A9=EC=8B=9D=20=EC=88=98=EC=A0=95=20(#58)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fill 을 color 로 변경 및 상속 가능하도록 수정 * Text 가 children 을 렌더링 하도록 수정 --- src/components/Icon/Icon.stories.tsx | 21 +++++++----- src/components/Icon/Icon.styled.ts | 2 +- src/components/Text/Text.stories.tsx | 22 ++++++++---- src/components/Text/Text.test.tsx | 51 ++++++++++++++++++++++++---- src/components/Text/Text.tsx | 8 +++-- src/components/Text/Text.types.ts | 4 +-- 6 files changed, 80 insertions(+), 28 deletions(-) diff --git a/src/components/Icon/Icon.stories.tsx b/src/components/Icon/Icon.stories.tsx index f7799450ea..eb2a6df129 100644 --- a/src/components/Icon/Icon.stories.tsx +++ b/src/components/Icon/Icon.stories.tsx @@ -4,7 +4,9 @@ import { withKnobs, select, color, number } from '@storybook/addon-knobs' import styled from 'styled-components' /* Internal dependencies */ -import Pallette from '../../styling/Palette' +import { Text } from '../Text' +import { ThemeProvider, LightTheme } from '../../styling/Theme' +import Palette from '../../styling/Palette' import icons, { IconName } from './generated' import Icon from './Icon' @@ -38,10 +40,10 @@ const Name = styled.p` export const AllIcons = () => { const size = select('size', IconSize, IconSize.Normal) - const selectedColor = color('color', Pallette.grey700) + const selectedColor = color('color', Palette.grey700) return ( - <> + { iconList.map((iconName) => ( { { iconName } )) } - + ) } export const Primary = () => ( ( ) export const WithText = () => ( -

+ ( marginLeft={number('marginLeft', 0)} /> Hello World! -

+ ) diff --git a/src/components/Icon/Icon.styled.ts b/src/components/Icon/Icon.styled.ts index 0c50c01e06..6b0f579f69 100644 --- a/src/components/Icon/Icon.styled.ts +++ b/src/components/Icon/Icon.styled.ts @@ -14,7 +14,7 @@ function getMargin({ } const Icon = styled.svg` - fill: ${props => props.color || props.theme?.colors?.iconBase}; + color: ${props => props.color || 'inherit'}; margin: ${getMargin}; ` diff --git a/src/components/Text/Text.stories.tsx b/src/components/Text/Text.stories.tsx index b89c37cabf..ce55793b9f 100644 --- a/src/components/Text/Text.stories.tsx +++ b/src/components/Text/Text.stories.tsx @@ -12,25 +12,31 @@ export default { decorators: [withKnobs], } -export const Primary = () => () +export const Primary = () => ({ text('content', 'hello') }) export const WithStyle = () => ( + > + Text + ) export const AlternativeTag = () => ( + > + { text('content', 'bye') } + ) export const WithTheme = () => ( - +
+ + { text('content', 'hiiii') } + +
) @@ -46,7 +52,9 @@ export const WithCustomTheme = () => { return ( - + + { text('content', 'hello, world') } + ) } diff --git a/src/components/Text/Text.test.tsx b/src/components/Text/Text.test.tsx index 09e4181385..7b9ae9132b 100644 --- a/src/components/Text/Text.test.tsx +++ b/src/components/Text/Text.test.tsx @@ -3,25 +3,62 @@ import React from 'react' import { render } from '@testing-library/react' /* Internal dependencies */ -import Text from './Text' +import Typography from '../../styling/Typography' +import Text, { TEXT_TEST_ID } from './Text' import TextProps from './Text.types' -describe('Text 컴포넌트 테스트 >', () => { +describe('Text test >', () => { let props: TextProps beforeEach(() => { props = { - content: 'hello, world', + children: 'hello, world', } }) - const renderComponent = () => render() + const renderComponent = (optionProps?: TextProps) => render() - it('props 가 제공되지 않을 경우 기본 style 을 가지고 있다', () => { + it('Text have default style', () => { const { getByTestId } = renderComponent() - const testComponent = getByTestId('text') + const renderedText = getByTestId(TEXT_TEST_ID) - expect(testComponent).toHaveStyle('font-size: 15px') + expect(renderedText).toHaveStyle('font-size: 15px;') + expect(renderedText).toHaveStyle('font-weight: normal;') + expect(renderedText).toHaveStyle('font-style: normal;') + expect(renderedText).toHaveStyle('color: black;') + }) + + it('Text recieves bold style', () => { + const { getByTestId } = renderComponent({ bold: true }) + + const renderedText = getByTestId(TEXT_TEST_ID) + + expect(renderedText).toHaveStyle('font-weight: bold;') + }) + + it('Text recieves bold style', () => { + const { getByTestId } = renderComponent({ italic: true }) + + const renderedText = getByTestId(TEXT_TEST_ID) + + expect(renderedText).toHaveStyle('font-style: italic;') + }) + + it('Text recieves style object', () => { + const { getByTestId } = renderComponent({ style: { color: 'skyblue' } }) + + const renderedText = getByTestId(TEXT_TEST_ID) + + expect(renderedText).toHaveStyle('color: skyblue;') + }) + + it('Text recieves typo from styled component css', () => { + const { getByTestId } = renderComponent({ typo: Typography.Size24 }) + + const renderedText = getByTestId(TEXT_TEST_ID) + + expect(renderedText).toHaveStyle('font-size: 24px;') + expect(renderedText).toHaveStyle('line-height: 32px;') }) }) diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx index ae82ceb230..5e0fbff0c6 100644 --- a/src/components/Text/Text.tsx +++ b/src/components/Text/Text.tsx @@ -6,15 +6,17 @@ import Typography from '../../styling/Typography' import TextProps from './Text.types' import TextView from './Text.styled' +export const TEXT_TEST_ID = 'ch-design-system-text' + function Text({ as, - testId = 'text', - content, + testId = TEXT_TEST_ID, bold = false, italic = false, typo = Typography.Size15, style, className, + children, }: TextProps) { return ( - { content } + { children } ) } diff --git a/src/components/Text/Text.types.ts b/src/components/Text/Text.types.ts index c4005c82f6..618cd1dab6 100644 --- a/src/components/Text/Text.types.ts +++ b/src/components/Text/Text.types.ts @@ -2,9 +2,9 @@ import { css } from 'styled-components' /* Internal dependencies */ -import { ContentComponentProps } from '../../types/ComponentProps' +import { ChildrenComponentProps } from '../../types/ComponentProps' -export default interface TextProps extends ContentComponentProps { +export default interface TextProps extends ChildrenComponentProps { bold?: boolean italic?: boolean typo?: ReturnType From 39e1f01ceb1ebc83d2d9ec503be9a9c0918ba9f8 Mon Sep 17 00:00:00 2001 From: Leo Jeong Date: Fri, 17 Jul 2020 16:12:19 +0900 Subject: [PATCH 4/5] =?UTF-8?q?Windows=20=EC=9A=A9=20=EC=95=84=EC=9D=B4?= =?UTF-8?q?=EC=BD=98=20=EC=B6=94=EA=B0=80=20(#59)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Icon/assets/more-win.svg | 5 +++++ src/components/Icon/generated/MoreWin.tsx | 15 +++++++++++++++ src/components/Icon/generated/index.tsx | 2 ++ 3 files changed, 22 insertions(+) create mode 100644 src/components/Icon/assets/more-win.svg create mode 100644 src/components/Icon/generated/MoreWin.tsx diff --git a/src/components/Icon/assets/more-win.svg b/src/components/Icon/assets/more-win.svg new file mode 100644 index 0000000000..efbe7f16dd --- /dev/null +++ b/src/components/Icon/assets/more-win.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/Icon/generated/MoreWin.tsx b/src/components/Icon/generated/MoreWin.tsx new file mode 100644 index 0000000000..555d65768e --- /dev/null +++ b/src/components/Icon/generated/MoreWin.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +function SvgMoreWin(props: React.SVGProps) { + return ( + + + + ) +} + +export default SvgMoreWin diff --git a/src/components/Icon/generated/index.tsx b/src/components/Icon/generated/index.tsx index 409cbe19fd..9c6e1d4cd9 100644 --- a/src/components/Icon/generated/index.tsx +++ b/src/components/Icon/generated/index.tsx @@ -197,6 +197,7 @@ import MinusCircle from './MinusCircle' import Mobile from './Mobile' import MoonFilled from './MoonFilled' import MoreVertical from './MoreVertical' +import MoreWin from './MoreWin' import More from './More' import Mouse from './Mouse' import Music from './Music' @@ -522,6 +523,7 @@ const icons = { 'mobile': Mobile, 'moon-filled': MoonFilled, 'more-vertical': MoreVertical, + 'more-win': MoreWin, 'more': More, 'mouse': Mouse, 'music': Music, From 2da74a8c9b037416134ea393c7a1b53e99446e91 Mon Sep 17 00:00:00 2001 From: Leo Jeong Date: Fri, 17 Jul 2020 16:12:57 +0900 Subject: [PATCH 5/5] =?UTF-8?q?=EB=B2=84=EC=A0=84=20=EC=88=98=EC=A0=95=20-?= =?UTF-8?q?=20v0.1.6=20(#60)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 2cceaeae4c..1471e504a9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@channel.io/design-system", - "version": "0.1.5", + "version": "0.1.6", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 66b28d7974..35ce782b46 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@channel.io/design-system", - "version": "0.1.5", + "version": "0.1.6", "description": "Design System by Channel", "repository": { "type": "git",