fix: remove IconTag component

packages/lsd-react/src/components/CSSBaseline/CSSBaseline.tsx

@@ -9,7 +9,6 @@ import { CollapseHeaderStyles } from '../CollapseHeader/CollapseHeader.styles'
 import { DropdownStyles } from '../Dropdown/Dropdown.styles'
 import { DropdownItemStyles } from '../DropdownItem/DropdownItem.styles'
 import { LsdIconStyles } from '../Icons/LsdIcon/LsdIcon.styles'
-import { IconTagStyles } from '../IconTag/IconTag.styles'
 import { ListBoxStyles } from '../ListBox/ListBox.styles'
 import { QuoteStyles } from '../Quote/Quote.styles'
 import { TabItemStyles } from '../TabItem/TabItem.styles'
@@ -29,7 +28,6 @@ const componentStyles: Array<ReturnType<typeof withTheme> | SerializedStyles> =
     ListBoxStyles,
     DropdownStyles,
     DropdownItemStyles,
-    IconTagStyles,
     BreadcrumbStyles,
     BreadcrumbItemStyles,
     TagStyles,

packages/lsd-react/src/components/IconTag/IconTag.classes.ts

@@ -1,6 +0,0 @@
-export const iconTagClasses = {
-  root: `lsd-icon-tag`,
-
-  outlined: `lsd-icon-tag--outlined`,
-  filled: `lsd-icon-tag--filled`,
-}

packages/lsd-react/src/components/IconTag/IconTag.stories.tsx

@@ -1,18 +0,0 @@
-import { Meta, Story } from '@storybook/react'
-import { AddIcon, FolderIcon, KeyboardReturnIcon, MenuIcon } from '../Icons'
-import { IconTag, IconTagProps } from './IconTag'
-
-export default {
-  title: 'IconTag',
-  component: IconTag,
-} as Meta
-
-export const Root: Story<IconTagProps> = (args) => (
-  <IconTag {...args}>
-    <FolderIcon color="primary" />
-  </IconTag>
-)
-
-Root.args = {
-  variant: 'outlined',
-}

packages/lsd-react/src/components/IconTag/IconTag.styles.ts

@@ -1,25 +0,0 @@
-import { css } from '@emotion/react'
-import { iconTagClasses } from './IconTag.classes'
-
-export const IconTagStyles = css`
-  .${iconTagClasses.root} {
-    display: flex;
-    width: 32px;
-    height: 28px;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid rgb(var(--lsd-icon-primary));
-  }
-
-  .${iconTagClasses.filled} {
-    background-color: rgb(var(--lsd-icon-primary));
-
-    svg {
-      --lsd-icon-primary: var(--lsd-icon-secondary);
-    }
-  }
-
-  .${iconTagClasses.outlined} {
-  }
-`

packages/lsd-react/src/components/IconTag/IconTag.tsx

@@ -1,28 +0,0 @@
-import clsx from 'clsx'
-import React from 'react'
-import { iconTagClasses } from './IconTag.classes'
-
-export type IconTagProps = React.HTMLAttributes<HTMLDivElement> & {
-  label?: string
-  variant?: 'outlined' | 'filled'
-}
-
-export const IconTag: React.FC<IconTagProps> & {
-  classes: typeof iconTagClasses
-} = ({ label, variant = 'outlined', children, ...props }) => {
-  return (
-    <div
-      {...props}
-      aria-label={label}
-      className={clsx(
-        props.className,
-        iconTagClasses.root,
-        iconTagClasses[variant],
-      )}
-    >
-      {children}
-    </div>
-  )
-}
-
-IconTag.classes = iconTagClasses

packages/lsd-react/src/components/IconTag/index.ts

@@ -1 +0,0 @@
-export * from './IconTag'

packages/lsd-react/src/index.ts

@@ -7,7 +7,6 @@ export * from './components/CollapseHeader'
 export * from './components/Dropdown'
 export * from './components/DropdownItem'
 export * from './components/Icons'
-export * from './components/IconTag'
 export * from './components/ListBox'
 export * from './components/Quote'
 export * from './components/TabItem'