npm - @redocly/theme - Versions diffs - 0.66.0-next.2 → 0.66.0-next.4 - Mend

@redocly/theme 0.66.0-next.2 → 0.66.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (863) hide show

package/src/icons/EntityTypeIcon/EntityTypeIcon.tsx CHANGED Viewed

@@ -37,9 +37,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const EntityTypeIcon = styled(Icon).attrs(() => ({
+export const EntityTypeIcon = styled(Icon).attrs({
   'data-component-name': 'icons/EntityTypeIcon/EntityTypeIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/ErrorFilledIcon/ErrorFilledIcon.tsx CHANGED Viewed

@@ -21,9 +21,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const ErrorFilledIcon = styled(Icon).attrs(() => ({
+export const ErrorFilledIcon = styled(Icon).attrs({
   'data-component-name': 'icons/ErrorFilledIcon/ErrorFilledIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/ErrorIcon/ErrorIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const ErrorIcon = styled(Icon).attrs(() => ({
+export const ErrorIcon = styled(Icon).attrs({
   'data-component-name': 'icons/ErrorIcon/ErrorIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/ExportIcon/ExportIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const ExportIcon = styled(Icon).attrs(() => ({
+export const ExportIcon = styled(Icon).attrs({
   'data-component-name': 'icons/ExportIcon/ExportIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FaceDissatisfiedIcon = styled(Icon).attrs(() => ({
+export const FaceDissatisfiedIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FaceDissatisfiedIcon/FaceDissatisfiedIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FaceNeutralIcon/FaceNeutralIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FaceNeutralIcon = styled(Icon).attrs(() => ({
+export const FaceNeutralIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FaceNeutralIcon/FaceNeutralIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FaceSatisfiedIcon/FaceSatisfiedIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FaceSatisfiedIcon = styled(Icon).attrs(() => ({
+export const FaceSatisfiedIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FaceSatisfiedIcon/FaceSatisfiedIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FileIcon/FileIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FileIcon = styled(Icon).attrs(() => ({
+export const FileIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FileIcon/FileIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FileStorageIcon/FileStorageIcon.tsx CHANGED Viewed

@@ -13,9 +13,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FileStorageIcon = styled(Icon).attrs(() => ({
+export const FileStorageIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FileStorageIcon/FileStorageIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FilterIcon/FilterIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FilterIcon = styled(Icon).attrs(() => ({
+export const FilterIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FilterIcon/FilterIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FitToViewIcon/FitToViewIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FitToViewIcon = styled(Icon).attrs(() => ({
+export const FitToViewIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FitToViewIcon/FitToViewIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FlowIcon/FlowIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FlowIcon = styled(Icon).attrs(() => ({
+export const FlowIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FlowIcon/FlowIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FolderAddIcon/FolderAddIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FolderAddIcon = styled(Icon).attrs(() => ({
+export const FolderAddIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FolderAddIcon/FolderAddIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FolderIcon/FolderIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FolderIcon = styled(Icon).attrs(() => ({
+export const FolderIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FolderIcon/FolderIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/FolderMoveToIcon/FolderMoveToIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const FolderMoveToIcon = styled(Icon).attrs(() => ({
+export const FolderMoveToIcon = styled(Icon).attrs({
   'data-component-name': 'icons/FolderMoveToIcon/FolderMoveToIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/GeminiIcon/GeminiIcon.tsx CHANGED Viewed

@@ -257,9 +257,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GeminiIcon = styled(Icon).attrs(() => ({
+export const GeminiIcon = styled(Icon).attrs({
   'data-component-name': 'icons/GeminiIcon/GeminiIcon',
-}))<IconProps>`
+})`
   height: ${({ size }) => size || '16px'};
   width: ${({ size }) => size || '16px'};
 `;

package/src/icons/GithubIcon/GithubIcon.tsx CHANGED Viewed

@@ -23,9 +23,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GithubIcon = styled(Icon).attrs(() => ({
+export const GithubIcon = styled(Icon).attrs({
   'data-component-name': 'icons/GithubIcon/GithubIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/GlobalOutlinedIcon/GlobalOutlinedIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GlobalOutlinedIcon = styled(Icon).attrs(() => ({
+export const GlobalOutlinedIcon = styled(Icon).attrs({
   'data-component-name': 'icons/GlobalOutlinedIcon/GlobalOutlinedIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/GraphIcon/GraphIcon.tsx CHANGED Viewed

@@ -14,9 +14,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GraphIcon = styled(Icon).attrs(() => ({
+export const GraphIcon = styled(Icon).attrs({
   'data-component-name': 'icons/GraphIcon/GraphIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/GraphqlIcon/GraphqlIcon.tsx CHANGED Viewed

@@ -69,9 +69,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GraphqlIcon = styled(Icon).attrs(() => ({
+export const GraphqlIcon = styled(Icon).attrs({
   'data-component-name': 'icons/GraphqlIcon/GraphqlIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/GridIcon/GridIcon.tsx CHANGED Viewed

@@ -26,9 +26,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const GridIcon = styled(Icon).attrs(() => ({
+export const GridIcon = styled(Icon).attrs({
   'data-component-name': 'icons/UserIcon/UserIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/HashtagIcon/HashtagIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const HashtagIcon = styled(Icon).attrs(() => ({
+export const HashtagIcon = styled(Icon).attrs({
   'data-component-name': 'icons/HashtagIcon/HashtagIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/HexagonIcon/HexagonIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const HexagonIcon = styled(Icon).attrs(() => ({
+export const HexagonIcon = styled(Icon).attrs({
   'data-component-name': 'icons/HexagonIcon/HexagonIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/HierarchyIcon/HierarchyIcon.tsx CHANGED Viewed

@@ -20,9 +20,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const HierarchyIcon = styled(Icon).attrs(() => ({
+export const HierarchyIcon = styled(Icon).attrs({
   'data-component-name': 'icons/HierarchyIcon/HierarchyIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/HorizontalViewIcon/HorizontalViewIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const HorizontalViewIcon = styled(Icon).attrs(() => ({
+export const HorizontalViewIcon = styled(Icon).attrs({
   'data-component-name': 'icons/HorizontalViewIcon/HorizontalViewIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/IBMCloudHyperProtectCryptoServicesIcon/IBMCloudHyperProtectCryptoServicesIcon.tsx CHANGED Viewed

@@ -13,10 +13,10 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const IBMCloudHyperProtectCryptoServicesIcon = styled(Icon).attrs(() => ({
+export const IBMCloudHyperProtectCryptoServicesIcon = styled(Icon).attrs({
   'data-component-name':
     'icons/IBMCloudHyperProtectCryptoServicesIcon/IBMCloudHyperProtectCryptoServicesIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/IdeaIcon/IdeaIcon.tsx CHANGED Viewed

@@ -20,9 +20,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const IdeaIcon = styled(Icon).attrs(() => ({
+export const IdeaIcon = styled(Icon).attrs({
   'data-component-name': 'icons/IdeaIcon/IdeaIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/InformationFilledIcon/InformationFilledIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const InformationFilledIcon = styled(Icon).attrs(() => ({
+export const InformationFilledIcon = styled(Icon).attrs({
   'data-component-name': 'icons/InformationFilledIcon/InformationFilledIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/InformationIcon/InformationIcon.tsx CHANGED Viewed

@@ -13,9 +13,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const InformationIcon = styled(Icon).attrs(() => ({
+export const InformationIcon = styled(Icon).attrs({
   'data-component-name': 'icons/InformationIcon/InformationIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/JsonIcon/JsonIcon.tsx CHANGED Viewed

@@ -21,9 +21,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const JsonIcon = styled(Icon).attrs(() => ({
+export const JsonIcon = styled(Icon).attrs({
   'data-component-name': 'icons/JsonIcon/JsonIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/KafkaIcon/KafkaIcon.tsx CHANGED Viewed

@@ -21,9 +21,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const KafkaIcon = styled(Icon).attrs(() => ({
+export const KafkaIcon = styled(Icon).attrs({
   'data-component-name': 'icons/KafkaIcon/KafkaIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/LaunchIcon/LaunchIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const LaunchIcon = styled(Icon).attrs(() => ({
+export const LaunchIcon = styled(Icon).attrs({
   'data-component-name': 'icons/LaunchIcon/LaunchIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/LinkIcon/LinkIcon.tsx CHANGED Viewed

@@ -25,9 +25,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const LinkIcon = styled(Icon).attrs(() => ({
+export const LinkIcon = styled(Icon).attrs({
   'data-component-name': 'icons/LinkIcon/LinkIcon',
-}))<IconProps>`
+})`
   path:last-of-type {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/LogoutIcon/LogoutIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const LogoutIcon = styled(Icon).attrs(() => ({
+export const LogoutIcon = styled(Icon).attrs({
   'data-component-name': 'icons/LogoutIcon/LogoutIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MarkdownFullIcon/MarkdownFullIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MarkdownFullIcon = styled(Icon).attrs(() => ({
+export const MarkdownFullIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MarkdownFullIcon/MarkdownFullIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MaximizeIcon/MaximizeIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MaximizeIcon = styled(Icon).attrs(() => ({
+export const MaximizeIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MaximizeIcon/MaximizeIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MenuIcon/MenuIcon.tsx CHANGED Viewed

@@ -15,9 +15,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MenuIcon = styled(Icon).attrs(() => ({
+export const MenuIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MenuIcon/MenuIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MinimizeIcon/MinimizeIcon.tsx CHANGED Viewed

@@ -12,9 +12,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MinimizeIcon = styled(Icon).attrs(() => ({
+export const MinimizeIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MinimizeIcon/MinimizeIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MobileSidebarIcon/MobileSidebarIcon.tsx CHANGED Viewed

@@ -23,9 +23,9 @@ const Icon = (props: IconProps): JSX.Element => (
   </svg>
 );
-export const MobileSidebarIcon = styled(Icon).attrs(() => ({
+export const MobileSidebarIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MobileSidebarIcon/MobileSidebarIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MoleculesIcon/MoleculesIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MoleculesIcon = styled(Icon).attrs(() => ({
+export const MoleculesIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MoleculesIcon/MoleculesIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/MoonIcon/MoonIcon.tsx CHANGED Viewed

@@ -11,9 +11,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const MoonIcon = styled(Icon).attrs(() => ({
+export const MoonIcon = styled(Icon).attrs({
   'data-component-name': 'icons/MoonIcon/MoonIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/NavaidMilitaryIcon/NavaidMilitaryIcon.tsx CHANGED Viewed

@@ -31,9 +31,9 @@ const Icon = (props: IconProps) => {
   );
 };
-export const NavaidMilitaryIcon = styled(Icon).attrs(() => ({
+export const NavaidMilitaryIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NavaidMilitaryIcon/NavaidMilitaryIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/NetworkIcon/NetworkIcon.tsx CHANGED Viewed

@@ -19,9 +19,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const NetworkIcon = styled(Icon).attrs(() => ({
+export const NetworkIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NetworkIcon/NetworkIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/NewChatIcon/NewChatIcon.tsx CHANGED Viewed

@@ -27,9 +27,9 @@ function Icon(props: IconProps) {
   );
 }
-export const NewChatIcon = styled(Icon).attrs(() => ({
+export const NewChatIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NewChatIcon/NewChatIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/NoneIcon/NoneIcon.tsx CHANGED Viewed

@@ -9,9 +9,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const NoneIcon = styled(Icon).attrs(() => ({
+export const NoneIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NoneIcon/NoneIcon',
-}))<IconProps>`
+})`
   height: ${({ size }) => size || '16px'};
   width: ${({ size }) => size || '16px'};
 `;

package/src/icons/NoteIcon/NoteIcon.tsx CHANGED Viewed

@@ -23,9 +23,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const NoteIcon = styled(Icon).attrs(() => ({
+export const NoteIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NoteIcon/NoteIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/NotesIcon/NotesIcon.tsx CHANGED Viewed

@@ -31,9 +31,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const NotesIcon = styled(Icon).attrs(() => ({
+export const NotesIcon = styled(Icon).attrs({
   'data-component-name': 'icons/NotesIcon/NotesIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.tsx CHANGED Viewed

@@ -13,9 +13,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const OverflowMenuHorizontalIcon = styled(Icon).attrs(() => ({
+export const OverflowMenuHorizontalIcon = styled(Icon).attrs({
   'data-component-name': 'icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }

package/src/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.tsx CHANGED Viewed

@@ -13,9 +13,9 @@ const Icon = (props: IconProps) => (
   </svg>
 );
-export const OverflowMenuVerticalIcon = styled(Icon).attrs(() => ({
+export const OverflowMenuVerticalIcon = styled(Icon).attrs({
   'data-component-name': 'icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon',
-}))<IconProps>`
+})`
   path {
     fill: ${({ color }) => getCssColorVariable(color)};
   }