npm - @redocly/theme - Versions diffs - 0.66.0-next.1 → 0.66.0-next.3 - Mend

@redocly/theme 0.66.0-next.1 → 0.66.0-next.3

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 (855) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)};
   }