v0.3.8 (#262)

v0.3.8

package.json

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

src/components/List/ListItem/ListItem.test.tsx

@@ -39,7 +39,7 @@ describe('ListItem', () => {
     const { getByTestId } = renderComponent({ href: 'https://naver.com' })
     const rendered = getByTestId(LIST_ITEM_COMPONENT_NAME)
     expect(rendered).toHaveAttribute('href', 'https://naver.com')
-    expect(rendered).toHaveAttribute('rel', 'noopener noreferer')
+    expect(rendered).toHaveAttribute('rel', 'noopener noreferrer')
     expect(rendered).toHaveAttribute('target', '_blank')
   })
 })

src/components/List/ListItem/ListItem.tsx

@@ -103,7 +103,7 @@ function ListItemComponent({
         draggable={false}
         href={href}
         target="_blank"
-        rel="noopener noreferer"
+        rel="noopener noreferrer"
         onClick={handleClick}
         active={false}
         data-active={active}

src/components/TabAction/TabAction.styled.ts

@@ -1,4 +1,5 @@
 /* Internal dependencies */
+import { UIComponentProps } from '../../types/ComponentProps'
 import { styled, css } from '../../foundation'
 import { Icon } from '../Icon'
 import { StyledWrapperProps } from './TabAction.types'
@@ -9,8 +10,7 @@ export const Wrapper = styled.div<StyledWrapperProps>`
   height: ${({ height }) => height}px;
 `
 
-interface BackgroundProps {
-  href?: string
+interface BackgroundProps extends UIComponentProps {
   padding?: number
   borderRadius?: number
   disabled?: boolean

src/components/TabAction/TabAction.tsx

@@ -78,6 +78,8 @@ function TabActionComponent({
       <Background
         as={isNil(href) ? 'div' : 'a'}
         href={href}
+        target="_blank"
+        rel="noopener noreferrer"
         onClick={handleClick}
         {...backgroundSizeProp}
       >

src/components/Tabs/index.ts

@@ -1,14 +1,12 @@
 import Tabs from './Tabs'
-/* eslint-disable import/no-duplicates */
+import { TabsSize } from './Tabs.types'
 import type TabsProps from './Tabs.types'
-import type { TabsSize } from './Tabs.types'
-/* eslint-enable import/no-duplicates */
 
 export type {
   TabsProps,
-  TabsSize,
 }
 
 export {
   Tabs,
+  TabsSize,
 }