@apify/ui-library 0.71.1-featcolortokens-178953.56 → 0.71.1-featcolortokens-178953.63

package/dist/src/design_system/properties_theme.js

@@ -1,315 +0,0 @@
-export const colorProperties = {
-    neutral: {
-        /* #242836 */
-        text: 'var(--color-neutral-text)',
-        /* #3f475d */
-        textMuted: 'var(--color-neutral-text-muted)',
-        /* #6c7590 */
-        textSubtle: 'var(--color-neutral-text-subtle)',
-        /* #c0c6de */
-        textDisabled: 'var(--color-neutral-text-disabled)',
-        /* #ffffff */
-        textOnPrimary: 'var(--color-neutral-text-on-primary)',
-        /* #ffffff */
-        iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
-        /* #ffffff */
-        background: 'var(--color-neutral-background)',
-        /* #f8f9fc */
-        backgroundMuted: 'var(--color-neutral-background-muted)',
-        /* #f3f4fa */
-        backgroundSubtle: 'var(--color-neutral-background-subtle)',
-        /* #ffffff */
-        backgroundWhite: 'var(--color-neutral-background-white)',
-        /* #ffffff */
-        cardBackground: 'var(--color-neutral-card-background)',
-        /* #ffffff */
-        cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
-        /* #d0d5e9 */
-        border: 'var(--color-neutral-border)',
-        /* #e0e3f2 */
-        separatorSubtle: 'var(--color-neutral-separator-subtle)',
-        /* #eef0f8 */
-        hover: 'var(--color-neutral-hover)',
-        /* #f3f4fa */
-        disabled: 'var(--color-neutral-disabled)',
-        /* #e0e3f2 */
-        overflow: 'var(--color-neutral-overflow)',
-        /* #555d76 */
-        icon: 'var(--color-neutral-icon)',
-        /* #8a93ae */
-        iconSubtle: 'var(--color-neutral-icon-subtle)',
-        /* #b0b8d1 */
-        iconDisabled: 'var(--color-neutral-icon-disabled)',
-        /* #c0c6de */
-        fieldBorder: 'var(--color-neutral-field-border)',
-        /* #d0d5e9 */
-        actionSecondary: 'var(--color-neutral-action-secondary)',
-        /* #e0e3f2 */
-        actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
-        /* #c0c6de */
-        actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
-        /* #e0e3f2 */
-        chipBackground: 'var(--color-neutral-chip-background)',
-        /* #d0d5e9 */
-        chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
-        /* #c0c6de */
-        chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
-        /* #d0d5e9 */
-        chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
-        /* #ffffff */
-        largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
-        /* #e0e3f2 */
-        largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
-        /* #ffffff */
-        smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
-        /* #191b22 */
-        smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
-        /* #242836 */
-        smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
-        /* #191b22cc */
-        overlay: 'var(--color-neutral-overlay)',
-        /* #f8f9fc */
-        fieldBackground: 'var(--color-neutral-field-background)',
-        /* #969eb8 */
-        textPlaceholder: 'var(--color-neutral-text-placeholder)',
-    },
-    primary: {
-        /* #1672eb */
-        text: 'var(--color-primary-text)',
-        /* #1672eb */
-        textInteractive: 'var(--color-primary-text-interactive)',
-        /* #1672eb */
-        icon: 'var(--color-primary-icon)',
-        /* #1672eb */
-        action: 'var(--color-primary-action)',
-        /* #5290f9 */
-        actionHover: 'var(--color-primary-action-hover)',
-        /* #1a57da */
-        actionActive: 'var(--color-primary-action-active)',
-        /* #1672eb */
-        fieldBorderActive: 'var(--color-primary-field-border-active)',
-        /* #ecf1ff */
-        background: 'var(--color-primary-background)',
-        /* #d8e2ff */
-        backgroundHover: 'var(--color-primary-background-hover)',
-        /* #f0f8ff */
-        backgroundSubtle: 'var(--color-primary-background-subtle)',
-        /* #ecf1ff */
-        chipBackground: 'var(--color-primary-chip-background)',
-        /* #f0f8ff */
-        chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
-        /* #d8e2ff */
-        chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
-        /* #1a57da */
-        chipText: 'var(--color-primary-chip-text)',
-        /* #b2c6ff */
-        shadowActive: 'var(--color-primary-shadow-active)',
-        /* #b2c6ff */
-        borderSubtle: 'var(--color-primary-border-subtle)',
-    },
-    primaryBlack: {
-        /* #272d3e */
-        action: 'var(--color-primary-black-action)',
-        /* #2b3143 */
-        actionHover: 'var(--color-primary-black-action-hover)',
-        /* #0a0b0f */
-        actionActive: 'var(--color-primary-black-action-active)',
-        /* #1d202a */
-        background: 'var(--color-primary-black-background)',
-        /* #3f475d */
-        backgroundHover: 'var(--color-primary-black-background-hover)',
-        /* #ffffff */
-        chipText: 'var(--color-primary-black-chip-text)',
-    },
-    success: {
-        /* #008a27 */
-        text: 'var(--color-success-text)',
-        /* #008a27 */
-        icon: 'var(--color-success-icon)',
-        /* #e4f5e5 */
-        background: 'var(--color-success-background)',
-        /* #cfe9d1 */
-        backgroundHover: 'var(--color-success-background-hover)',
-        /* #e8f9ef */
-        backgroundSubtle: 'var(--color-success-background-subtle)',
-        /* #cfe9d1 */
-        backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
-        /* #80da8d */
-        backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
-        /* #00ab46 */
-        border: 'var(--color-success-border)',
-        /* #008a27 */
-        action: 'var(--color-success-action)',
-        /* #00ab46 */
-        actionHover: 'var(--color-success-action-hover)',
-        /* #086e08 */
-        actionActive: 'var(--color-success-action-active)',
-        /* #daefdc */
-        chipBackground: 'var(--color-success-chip-background)',
-        /* #cfe9d1 */
-        chipBackgroundHover: 'var(--color-success-chip-background-hover)',
-        /* #086e08 */
-        chipText: 'var(--color-success-chip-text)',
-        /* #80da8d */
-        borderSubtle: 'var(--color-success-border-subtle)',
-    },
-    warning: {
-        /* #a96600 */
-        text: 'var(--color-warning-text)',
-        /* #f5b315 */
-        icon: 'var(--color-warning-icon)',
-        /* #f9f0db */
-        background: 'var(--color-warning-background)',
-        /* #f7dfb1 */
-        backgroundHover: 'var(--color-warning-background-hover)',
-        /* #f9f6ea */
-        backgroundSubtle: 'var(--color-warning-background-subtle)',
-        /* #f5b315 */
-        fieldborder: 'var(--color-warning-field-border)',
-        /* #f7e8c4 */
-        chipBackground: 'var(--color-warning-chip-background)',
-        /* #f7dfb1 */
-        chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
-        /* #8c4e02 */
-        chipText: 'var(--color-warning-chip-text)',
-        /* #f5b315 */
-        borderSubtle: 'var(--color-warning-border-subtle)',
-    },
-    danger: {
-        /* #e3231d */
-        text: 'var(--color-danger-text)',
-        /* #e3231d */
-        icon: 'var(--color-danger-icon)',
-        /* #fff0ec */
-        background: 'var(--color-danger-background)',
-        /* #fedad1 */
-        backgroundHover: 'var(--color-danger-background-hover)',
-        /* #fcf2ef */
-        backgroundSubtle: 'var(--color-danger-background-subtle)',
-        /* #fedad1 */
-        backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
-        /* #ffb39f */
-        backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
-        /* #fa4d37 */
-        border: 'var(--color-danger-border)',
-        /* #fa4d37 */
-        fieldBorder: 'var(--color-danger-field-border)',
-        /* #e3231d */
-        action: 'var(--color-danger-action)',
-        /* #fa4d37 */
-        actionHover: 'var(--color-danger-action-hover)',
-        /* #bb0401 */
-        actionActive: 'var(--color-danger-action-active)',
-        /* #ffe3dc */
-        chipBackground: 'var(--color-danger-chip-background)',
-        /* #fedad1 */
-        chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
-        /* #bb0401 */
-        chipText: 'var(--color-danger-chip-text)',
-        /* #ffb39f */
-        borderSubtle: 'var(--color-danger-border-subtle)',
-    },
-    special: {
-        /* #ffdd96 */
-        starterPlanBackground: 'var(--color-special-starter-plan-background)',
-        /* #bf97ed */
-        enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
-        /* #a7f2ed */
-        businessPlanBackground: 'var(--color-special-business-plan-background)',
-        /* #a1b7ff */
-        scalePlanBackground: 'var(--color-special-scale-plan-background)',
-        /* #ffc89f */
-        freePlanBackground: 'var(--color-special-free-plan-background)',
-    },
-    rose: {
-        /* #f483b5 */
-        light: 'var(--color-rose-light)',
-        /* #c6387d */
-        base: 'var(--color-rose-base)',
-        /* #781552 */
-        dark: 'var(--color-rose-dark)',
-        /* #b6006b */
-        text: 'var(--color-rose-text)',
-    },
-    buttercup: {
-        /* #ffdd96 */
-        light: 'var(--color-buttercup-light)',
-        /* #f0b21b */
-        base: 'var(--color-buttercup-base)',
-        /* #c37319 */
-        dark: 'var(--color-buttercup-dark)',
-        /* #a65d00 */
-        text: 'var(--color-buttercup-text)',
-    },
-    paprika: {
-        /* #e44467 */
-        light: 'var(--color-paprika-light)',
-        /* #9b0238 */
-        base: 'var(--color-paprika-base)',
-        /* #4a0018 */
-        dark: 'var(--color-paprika-dark)',
-        /* #ba0044 */
-        text: 'var(--color-paprika-text)',
-    },
-    teal: {
-        /* #a7f2ed */
-        light: 'var(--color-teal-light)',
-        /* #30c0bb */
-        base: 'var(--color-teal-base)',
-        /* #297774 */
-        dark: 'var(--color-teal-dark)',
-        /* #018181 */
-        text: 'var(--color-teal-text)',
-    },
-    indigo: {
-        /* #a1b7ff */
-        light: 'var(--color-indigo-light)',
-        /* #5d85e1 */
-        base: 'var(--color-indigo-base)',
-        /* #365494 */
-        dark: 'var(--color-indigo-dark)',
-        /* #2563c1 */
-        text: 'var(--color-indigo-text)',
-    },
-    slate: {
-        /* #c1c5e1 */
-        light: 'var(--color-slate-light)',
-        /* #8490c4 */
-        base: 'var(--color-slate-base)',
-        /* #525c85 */
-        dark: 'var(--color-slate-dark)',
-        /* #566087 */
-        text: 'var(--color-slate-text)',
-    },
-    coral: {
-        /* #ffc89f */
-        light: 'var(--color-coral-light)',
-        /* #fa8136 */
-        base: 'var(--color-coral-base)',
-        /* #bb4511 */
-        dark: 'var(--color-coral-dark)',
-        /* #c74000 */
-        text: 'var(--color-coral-text)',
-    },
-    lavender: {
-        /* #bf97ed */
-        light: 'var(--color-lavender-light)',
-        /* #6a14de */
-        base: 'var(--color-lavender-base)',
-        /* #330276 */
-        dark: 'var(--color-lavender-dark)',
-        /* #6e00f4 */
-        text: 'var(--color-lavender-text)',
-    },
-    bamboo: {
-        /* #64cda5 */
-        light: 'var(--color-bamboo-light)',
-        /* #12966f */
-        base: 'var(--color-bamboo-base)',
-        /* #195d46 */
-        dark: 'var(--color-bamboo-dark)',
-        /* #007455 */
-        text: 'var(--color-bamboo-text)',
-    },
-};
-//# sourceMappingURL=properties_theme.js.map

package/dist/src/design_system/properties_theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../src/design_system/properties_theme.ts"],"names":[],"mappings":"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"}

package/eslint.config.mjs

@@ -1,44 +0,0 @@
-import react from 'eslint-plugin-react';
-import reactHooks from 'eslint-plugin-react-hooks';
-import sonarjs from 'eslint-plugin-sonarjs';
-
-import apifyJestConfig from '@apify/eslint-config/jest.js';
-import apifyTypescriptConfig from '@apify/eslint-config/ts.js';
-
-// eslint-disable-next-line import/no-default-export
-export default [
-    { ignores: ['**/dist'] }, // Ignores need to happen first
-    ...apifyTypescriptConfig,
-    ...apifyJestConfig,
-
-    {
-        files: ['**/*.ts', '**/*.tsx'],
-        settings: {
-            react: {
-                version: 'detect',
-            },
-        },
-        ...react.configs.flat.recommended,
-    },
-    {
-        plugins: {
-            sonarjs,
-            'react-hooks': reactHooks,
-        },
-        languageOptions: {
-            sourceType: 'module',
-
-            parserOptions: {
-                projectService: true,
-                tsconfigRootDir: import.meta.dirname,
-            },
-        },
-        rules: {
-            'react/react-in-jsx-scope': 'off',
-            'no-void': 'off',
-            'react/display-name': 'off',
-            'react-hooks/exhaustive-deps': 'error',
-            ...reactHooks.configs.recommended.rules,
-        },
-    },
-];

package/src/codemods/generate_typograpy_tokens_files.mjs

@@ -1,137 +0,0 @@
-import { readFileSync, writeFileSync } from 'node:fs';
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { print, types } from 'recast';
-
-const { builders } = types;
-
-const code = readFileSync('./src/design_system/supernova_typography_tokens.json', 'utf-8');
-
-const fontFamilies = {
-    inter: `Inter, sans-serif`,
-    gtWalsheim: `'GT-Walsheim-Regular', sans-serif`,
-    sfPro: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'`,
-    ibmPlexMono: "'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace",
-};
-
-const transformTokenProperties = (token) => {
-    const {
-        fontWeight,
-        fontSize,
-        lineHeight,
-        fontFamily,
-    } = token.value;
-
-    // Convert font family name to font family value
-    let fontFamilyValue;
-    const fontFamilyNameParts = fontFamily.split(' '); // each word in font family name is a separate part
-
-    if (fontFamilyNameParts.length === 1) {
-        fontFamilyValue = fontFamilies[fontFamilyNameParts[0].toLowerCase()];
-    } else {
-        const fontFamilyIndex = fontFamilyNameParts.map((fontFamilyNamePart, i) => {
-            if (i === 0) return fontFamilyNamePart.toLowerCase();
-            return fontFamilyNamePart;
-        }).join('');
-
-        fontFamilyValue = fontFamilies[fontFamilyIndex];
-    }
-
-    return `font-size: ${Number(fontSize) / 10}rem; line-height: ${Number(lineHeight) / 10}rem; font-weight: ${fontWeight}; font-family: ${fontFamilyValue};`;
-};
-
-const transformTokenName = (tokenName) => {
-    const [token, variant] = tokenName.split('-');
-    return (variant ? `${token}${variant.charAt(0).toUpperCase() + variant.slice(1)}` : token);
-};
-
-const extractDeviceTokensDefinitions = (tokens) => {
-    return Object.keys(tokens).reduce((acc, tokenName) => {
-        const properTokenName = transformTokenName(tokenName);
-        acc[properTokenName] = transformTokenProperties(tokens[tokenName], fontFamilies);
-        return acc;
-    }, {});
-};
-
-const extractTokensDefinitions = (sharedTokens) => {
-    const sharedTokensDefinition = {
-        mobile: {},
-        tablet: {},
-        desktop: {},
-    };
-
-    Object.entries(sharedTokens).forEach(([tokenName, tokenValue]) => {
-        if ((tokenName === 'mobile' || tokenName === 'tablet') && typeof tokenValue !== 'string') {
-            sharedTokensDefinition[tokenName] = extractDeviceTokensDefinitions(tokenValue, fontFamilies);
-            return;
-        }
-
-        const properTokenName = transformTokenName(tokenName);
-        const transformedTokenProperties = transformTokenProperties(tokenValue, fontFamilies);
-        sharedTokensDefinition.desktop[properTokenName] = transformedTokenProperties;
-        sharedTokensDefinition.mobile[properTokenName] ||= transformedTokenProperties;
-        sharedTokensDefinition.tablet[properTokenName] ||= transformedTokenProperties;
-    });
-
-    return sharedTokensDefinition;
-};
-
-const globalTokens = JSON.parse(code).global;
-
-const sharedTokens = extractTokensDefinitions(globalTokens.shared);
-const marketingTokens = extractTokensDefinitions(globalTokens.marketing);
-const contentTokens = extractTokensDefinitions(globalTokens.content);
-
-const tokensForCodeGeneration = {
-    shared: sharedTokens,
-    marketing: marketingTokens,
-    content: contentTokens,
-};
-
-const createTokensCode = (tokens) => {
-    const variantsArray = [];
-    for (const [tokenVariant, tokenVariantItems] of Object.entries(tokens)) {
-        const devicesArray = [];
-
-        for (const [device, deviceTokens] of Object.entries(tokenVariantItems)) {
-            const deviceItemsArray = [];
-
-            for (const [tokenName, tokenValue] of Object.entries(deviceTokens)) {
-                deviceItemsArray.push(builders.property(
-                    'init',
-                    builders.identifier(tokenName),
-                    builders.literal(tokenValue),
-                ));
-            }
-            devicesArray.push(builders.property(
-                'init',
-                builders.identifier(device),
-                builders.objectExpression(deviceItemsArray),
-            ));
-        }
-
-        variantsArray.push(builders.property(
-            'init',
-            builders.identifier(tokenVariant),
-            builders.objectExpression(devicesArray),
-        ));
-    }
-
-    const exportDeclaration = builders.exportNamedDeclaration(
-        builders.variableDeclaration('const', [
-            builders.variableDeclarator(
-                builders.identifier('typographyTokens'),
-                builders.tsAsExpression(builders.objectExpression(variantsArray), builders.tsTypeReference(builders.identifier('const'))),
-            )]),
-        [],
-    );
-
-    // Add a comment to the export declaration
-    exportDeclaration.comments = [builders.commentBlock(' eslint-disable max-len ')];
-
-    return exportDeclaration;
-};
-
-const printedCode = print(builders.program([createTokensCode(tokensForCodeGeneration)])).code;
-
-writeFileSync('./src/design_system/typography_theme.ts', printedCode);

package/src/components/action_link.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { ArrowLeftIcon, ArrowRightIcon } from '@apify/ui-icons';
-
-import { theme } from '../design_system/theme.js';
-import { Box } from './box.js';
-import { Link, type LinkProps } from './link.js';
-import { Heading } from './text/index.js';
-
-const StyledGuidepost = styled(Box)<{ $isBackLink: boolean }>`
-    display: inline-flex;
-    align-items: center;
-    color: ${theme.color.neutral.text};
-
-    svg {
-        transition: transform 0.2s ease-in-out;
-    }
-
-    &:hover {
-        svg {
-            transform: translate(${({ $isBackLink }) => ($isBackLink ? -3 : 3)}px, 0);
-        }
-    }
-`;
-
-export const ActionLink: React.FC<LinkProps & { contentProps?: object }> = ({
-    children,
-    as = Link,
-    contentProps,
-    ...rest
-}) => {
-    return (
-        <StyledGuidepost
-            forwardedAs={as}
-            $isBackLink={false}
-            {...rest}
-        >
-            <Heading as='span' type='titleM' {...contentProps}>{children}</Heading>
-            <ArrowRightIcon size="16" />
-        </StyledGuidepost>
-    );
-};
-
-export const BackLink: React.FC<LinkProps> = ({
-    children,
-    as,
-    ...rest
-}) => {
-    return (
-        <StyledGuidepost
-            forwardedAs={as || Link}
-            $isBackLink={true}
-            {...rest}
-        >
-            <ArrowLeftIcon size="16" />
-            <Heading as='span' type='titleM'>{children}</Heading>
-        </StyledGuidepost>
-    );
-};

package/src/components/actor_template_card.tsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { theme } from '../design_system/theme.js';
-import { Badge } from './badge.js';
-import { TextMarketing } from './text/text_marketing.js';
-import { VerticalTile } from './tile/index.js';
-
-interface ActorTemplateCardProps {
-    id: string;
-    label: string;
-    description: string;
-    icons: React.ReactNode[];
-    useCases?: string[];
-}
-
-const WrapperClasses = {
-    TEMPLATE_CARD_IMAGES: 'TemplateCard-Images',
-    TEMPLATE_CARD_TEXT: 'TemplateCard-Text',
-    TEMPLATE_CARD_DESCRIPTION: 'TemplateCard-Description',
-    TEMPLATE_CARD_BADGES: 'TemplateCard-Badges',
-};
-
-const TemplateCardContentWrapper = styled.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    align-self: stretch;
-    flex: 1 0 0;
-    gap: ${theme.space.space16};
-    color: ${theme.color.neutral.text};
-
-    .${WrapperClasses.TEMPLATE_CARD_IMAGES} {
-        display: flex;
-        align-items: flex-start;
-        gap: ${theme.space.space16};
-        flex-wrap: wrap;
-        img,
-        svg {
-            max-width: ${theme.space.space40};
-            max-height: ${theme.space.space40};
-        }
-    }
-
-    .${WrapperClasses.TEMPLATE_CARD_TEXT} {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: ${theme.space.space4};
-
-        .${WrapperClasses.TEMPLATE_CARD_DESCRIPTION} {
-            color: ${theme.color.neutral.textMuted};
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 3;
-            -webkit-box-orient: vertical;
-        }
-    }
-
-    .${WrapperClasses.TEMPLATE_CARD_BADGES} {
-        display: flex;
-        gap: ${theme.space.space4};
-    }
-`;
-
-export const ActorTemplateCard: React.FC<ActorTemplateCardProps> = ({
-    id,
-    label,
-    description,
-    icons,
-    useCases,
-}) => {
-    const templateCardContent = (
-        <TemplateCardContentWrapper>
-            <div className={WrapperClasses.TEMPLATE_CARD_IMAGES}>{icons}</div>
-            <div className={WrapperClasses.TEMPLATE_CARD_TEXT}>
-                <TextMarketing size="regular" weight="bold">
-                    {label}
-                </TextMarketing>
-                <TextMarketing
-                    size="small"
-                    className={WrapperClasses.TEMPLATE_CARD_DESCRIPTION}
-                >
-                    {description}
-                </TextMarketing>
-            </div>
-            <div className={WrapperClasses.TEMPLATE_CARD_BADGES}>
-                {useCases?.includes('STARTER') && (
-                    <Badge variant="success">Starter</Badge>
-                )}
-                {useCases?.includes('AI') && (
-                    <Badge
-                        variant="success"
-                        style={{
-                            color: '#6E00F4',
-                            fill: '#6E00F4',
-                            background: '#E4D4F7',
-                        }}
-                    >
-                        AI Agent
-                    </Badge>
-                )}
-            </div>
-        </TemplateCardContentWrapper>
-    );
-
-    return (
-        <VerticalTile
-            id={`actor-template-card-${id}`}
-            content={templateCardContent}
-            isClickable
-        />
-    );
-};