@apify/ui-library 1.158.0 → 1.158.1-featpartnershipbadge-9d265a.11

package/dist/components/developer_badge/developer_badge.d.ts

@@ -0,0 +1,13 @@
+export type DeveloperBadgeVariant = 'verified' | 'partner';
+export declare const DEVELOPER_BADGE_VARIANTS: DeveloperBadgeVariant[];
+export type DeveloperBadgeProps = {
+    variant: DeveloperBadgeVariant;
+    className?: string;
+};
+/**
+ * Circular icon badge marking an Actor developer as a verified developer or an Apify partner.
+ *
+ * Purely visual — it carries no text. Wrap it in a Tooltip and supply app-specific copy.
+ */
+export declare const DeveloperBadge: import('react').ForwardRefExoticComponent<DeveloperBadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=developer_badge.d.ts.map

package/dist/components/developer_badge/developer_badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.d.ts","sourceRoot":"","sources":["../../../src/components/developer_badge/developer_badge.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,eAAO,MAAM,wBAAwB,EAAE,qBAAqB,EAA4B,CAAC;AAuFzF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,iHAMzB,CAAC"}

package/dist/components/developer_badge/developer_badge.js

@@ -0,0 +1,105 @@
+import { theme } from "../../design_system/theme.js";
+import { developerBadgeTestIds } from "./developer_badge.test_ids.js";
+import styled, { css, keyframes } from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { VerifiedIcon } from "@apify/ui-icons";
+//#region src/components/developer_badge/developer_badge.tsx
+var DEVELOPER_BADGE_VARIANTS = ["verified", "partner"];
+var partnerShineSweep = keyframes`
+    0%,
+    20% {
+        opacity: 0;
+        transform: translate(70%, 70%) scale(0.25);
+    }
+
+    25% {
+        opacity: 0.15;
+        transform: translate(60%, 60%) scale(0.35);
+    }
+
+    50% {
+        opacity: 1;
+        transform: translate(0, 0) scale(1.7);
+    }
+
+    75% {
+        opacity: 0.15;
+        transform: translate(-60%, -60%) scale(0.35);
+    }
+
+    80%,
+    100% {
+        opacity: 0;
+        transform: translate(-70%, -70%) scale(0.25);
+    }
+`;
+var developerBadgeVariantStyle = {
+	verified: css`
+        background: ${theme.color.primary.action};
+        color: ${theme.color.neutral.iconOnPrimary};
+    `,
+	partner: css`
+        background: ${theme.color.buttercup.base};
+        /* The gold surface stays light in both color schemes, so the icon color is a static palette reference. */
+        color: ${theme.colorPalette.light.neutral950};
+
+        &::before {
+            content: '';
+            position: absolute;
+            z-index: 1;
+            inset: -50%;
+            background: linear-gradient(
+                135deg,
+                transparent 36%,
+                ${theme.color.buttercup.light} 44%,
+                ${theme.colorPalette.light.neutral0} 50%,
+                ${theme.color.buttercup.light} 56%,
+                transparent 64%
+            );
+            animation: ${partnerShineSweep} 4s ease-out infinite;
+        }
+
+        svg {
+            position: relative;
+            z-index: 2;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            &::before {
+                animation: none;
+                opacity: 0;
+            }
+        }
+    `
+};
+var StyledDeveloperBadge = styled.span`
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: ${theme.space.space24};
+    height: ${theme.space.space24};
+    overflow: hidden;
+    border-radius: ${theme.radius.radiusFull};
+
+    ${({ $variant }) => developerBadgeVariantStyle[$variant]};
+`;
+/**
+* Circular icon badge marking an Actor developer as a verified developer or an Apify partner.
+*
+* Purely visual — it carries no text. Wrap it in a Tooltip and supply app-specific copy.
+*/
+var DeveloperBadge = forwardRef(({ variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(StyledDeveloperBadge, {
+		ref,
+		$variant: variant,
+		"data-testid": developerBadgeTestIds[variant],
+		...props,
+		children: /* @__PURE__ */ jsx(VerifiedIcon, { size: "20" })
+	});
+});
+DeveloperBadge.displayName = "DeveloperBadge";
+//#endregion
+export { DEVELOPER_BADGE_VARIANTS, DeveloperBadge };

package/dist/components/developer_badge/developer_badge.test_ids.d.ts

@@ -0,0 +1,5 @@
+export declare const developerBadgeTestIds: {
+    verified: string;
+    partner: string;
+};
+//# sourceMappingURL=developer_badge.test_ids.d.ts.map

package/dist/components/developer_badge/developer_badge.test_ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/developer_badge/developer_badge.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC"}

package/dist/components/developer_badge/developer_badge.test_ids.js

@@ -0,0 +1,7 @@
+//#region src/components/developer_badge/developer_badge.test_ids.ts
+var developerBadgeTestIds = {
+	verified: "verified-developer-badge",
+	partner: "apify-partner-badge"
+};
+//#endregion
+export { developerBadgeTestIds };

package/dist/components/developer_badge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './developer_badge';
+export * from './developer_badge.test_ids';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/developer_badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/developer_badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC"}

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './chip';
 export * from './image';
 export * from './rating';
 export * from './badge';
+export * from './developer_badge';
 export * from './tag';
 export * from './tabs';
 export * from './shortcut';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/files_hash_at_build.txt

@@ -1 +1 @@
-b118cfdff579b5e51f20e27cc9728d4cd8834752
+b6b8b8c78fae844a552129a72fb5daf2e20fd60e

package/dist/index.js

@@ -64,6 +64,8 @@ import { Banner } from "./components/banner/banner.js";
 import { ActorTemplateCard } from "./components/actor_template_card/actor_template_card.js";
 import { CHIP_SIZES, CHIP_TYPES, Chip, DangerChip, NeutralChip, PrimaryChip, SuccessChip, WarningChip, classNames as classNames$1 } from "./components/chip/chip.js";
 import { Rating, RatingStats, SingleStarRating } from "./components/rating/rating.js";
+import { developerBadgeTestIds } from "./components/developer_badge/developer_badge.test_ids.js";
+import { DEVELOPER_BADGE_VARIANTS, DeveloperBadge } from "./components/developer_badge/developer_badge.js";
 import { TAG_SIZES, TAG_VARIANTS, Tag } from "./components/tag/tag.js";
 import { TAB_CLASSNAMES, Tab } from "./components/tabs/tab.js";
 import { Tabs } from "./components/tabs/tabs.js";
@@ -96,4 +98,4 @@ import { DROPDOWN_ELEMENT_CLASSES } from "./components/dropdown/dropdown.styled.
 import { Dropdown } from "./components/dropdown/dropdown.js";
 import { DropdownButton } from "./components/dropdown/dropdown_button.js";
 import { DropdownShell } from "./components/dropdown/dropdown_shell.js";
-export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, Banner, BlockSpinner, BlogArticle, Box, Breadcrumbs, BrowserWindow, Button, CHIP_SIZES, CHIP_TYPES, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, CheckboxPrimitive, Chip, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, ColorWheelGradient, DROPDOWN_ELEMENT_CLASSES, DangerChip, DangerMessage, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, ListMenuComponent, ListMenuItemComponent, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, NeutralChip, OneLineCode, PaginationButtons, PlainMenuBaseComponent, PrimaryChip, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Spinner, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessChip, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextContent, TextMarketing, Tooltip, UiDependencyProvider, UserAvatar, VerticalTile, WarningChip, WarningMessage, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, classNames$1 as classNames, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, devices, getButtonColorStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withReactSelectTheme, withTooltip };
+export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, Banner, BlockSpinner, BlogArticle, Box, Breadcrumbs, BrowserWindow, Button, CHIP_SIZES, CHIP_TYPES, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, CheckboxPrimitive, Chip, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, ColorWheelGradient, DEVELOPER_BADGE_VARIANTS, DROPDOWN_ELEMENT_CLASSES, DangerChip, DangerMessage, DeveloperBadge, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, ListMenuComponent, ListMenuItemComponent, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, NeutralChip, OneLineCode, PaginationButtons, PlainMenuBaseComponent, PrimaryChip, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Spinner, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessChip, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextContent, TextMarketing, Tooltip, UiDependencyProvider, UserAvatar, VerticalTile, WarningChip, WarningMessage, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, classNames$1 as classNames, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, developerBadgeTestIds, devices, getButtonColorStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withReactSelectTheme, withTooltip };

package/dist/src/components/developer_badge/developer_badge.d.ts

@@ -0,0 +1,13 @@
+export type DeveloperBadgeVariant = 'verified' | 'partner';
+export declare const DEVELOPER_BADGE_VARIANTS: DeveloperBadgeVariant[];
+export type DeveloperBadgeProps = {
+    variant: DeveloperBadgeVariant;
+    className?: string;
+};
+/**
+ * Circular icon badge marking an Actor developer as a verified developer or an Apify partner.
+ *
+ * Purely visual — it carries no text. Wrap it in a Tooltip and supply app-specific copy.
+ */
+export declare const DeveloperBadge: import("react").ForwardRefExoticComponent<DeveloperBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=developer_badge.d.ts.map

package/dist/src/components/developer_badge/developer_badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.d.ts","sourceRoot":"","sources":["../../../../src/components/developer_badge/developer_badge.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,eAAO,MAAM,wBAAwB,EAAE,qBAAqB,EAA4B,CAAC;AAuFzF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,iHAMzB,CAAC"}

package/dist/src/components/developer_badge/developer_badge.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css, keyframes } from 'styled-components';
+import { VerifiedIcon } from '@apify/ui-icons';
+import { theme } from '../../design_system/theme';
+import { developerBadgeTestIds } from './developer_badge.test_ids';
+export const DEVELOPER_BADGE_VARIANTS = ['verified', 'partner'];
+const partnerShineSweep = keyframes `
+    0%,
+    20% {
+        opacity: 0;
+        transform: translate(70%, 70%) scale(0.25);
+    }
+
+    25% {
+        opacity: 0.15;
+        transform: translate(60%, 60%) scale(0.35);
+    }
+
+    50% {
+        opacity: 1;
+        transform: translate(0, 0) scale(1.7);
+    }
+
+    75% {
+        opacity: 0.15;
+        transform: translate(-60%, -60%) scale(0.35);
+    }
+
+    80%,
+    100% {
+        opacity: 0;
+        transform: translate(-70%, -70%) scale(0.25);
+    }
+`;
+const developerBadgeVariantStyle = {
+    verified: css `
+        background: ${theme.color.primary.action};
+        color: ${theme.color.neutral.iconOnPrimary};
+    `,
+    partner: css `
+        background: ${theme.color.buttercup.base};
+        /* The gold surface stays light in both color schemes, so the icon color is a static palette reference. */
+        color: ${theme.colorPalette.light.neutral950};
+
+        &::before {
+            content: '';
+            position: absolute;
+            z-index: 1;
+            inset: -50%;
+            background: linear-gradient(
+                135deg,
+                transparent 36%,
+                ${theme.color.buttercup.light} 44%,
+                ${theme.colorPalette.light.neutral0} 50%,
+                ${theme.color.buttercup.light} 56%,
+                transparent 64%
+            );
+            animation: ${partnerShineSweep} 4s ease-out infinite;
+        }
+
+        svg {
+            position: relative;
+            z-index: 2;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            &::before {
+                animation: none;
+                opacity: 0;
+            }
+        }
+    `,
+};
+const StyledDeveloperBadge = styled.span `
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: ${theme.space.space24};
+    height: ${theme.space.space24};
+    overflow: hidden;
+    border-radius: ${theme.radius.radiusFull};
+
+    ${({ $variant }) => developerBadgeVariantStyle[$variant]};
+`;
+/**
+ * Circular icon badge marking an Actor developer as a verified developer or an Apify partner.
+ *
+ * Purely visual — it carries no text. Wrap it in a Tooltip and supply app-specific copy.
+ */
+export const DeveloperBadge = forwardRef(({ variant, ...props }, ref) => {
+    return (_jsx(StyledDeveloperBadge, { ref: ref, "$variant": variant, "data-testid": developerBadgeTestIds[variant], ...props, children: _jsx(VerifiedIcon, { size: "20" }) }));
+});
+DeveloperBadge.displayName = 'DeveloperBadge';
+//# sourceMappingURL=developer_badge.js.map

package/dist/src/components/developer_badge/developer_badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.js","sourceRoot":"","sources":["../../../../src/components/developer_badge/developer_badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,MAAM,CAAC,MAAM,wBAAwB,GAA4B,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAEzF,MAAM,iBAAiB,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlC,CAAC;AAEF,MAAM,0BAA0B,GAAG;IAC/B,QAAQ,EAAE,GAAG,CAAA;sBACK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;iBAC/B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;KAC7C;IACD,OAAO,EAAE,GAAG,CAAA;sBACM,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;;iBAE/B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;kBAUlC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;kBAC3B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ;kBACjC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;;;yBAGpB,iBAAiB;;;;;;;;;;;;;;KAcrC;CACgE,CAAC;AAItE,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAA2B;;;;;;aAMtD,KAAK,CAAC,KAAK,CAAC,OAAO;cAClB,KAAK,CAAC,KAAK,CAAC,OAAO;;qBAEZ,KAAK,CAAC,MAAM,CAAC,UAAU;;MAEtC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,0BAA0B,CAAC,QAAQ,CAAC;CAC3D,CAAC;AAOF;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAuC,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1G,OAAO,CACH,KAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,cAAY,OAAO,iBAAe,qBAAqB,CAAC,OAAO,CAAC,KAAM,KAAK,YACrG,KAAC,YAAY,IAAC,IAAI,EAAC,IAAI,GAAG,GACP,CAC1B,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/src/components/developer_badge/developer_badge.test_ids.d.ts

@@ -0,0 +1,5 @@
+export declare const developerBadgeTestIds: {
+    verified: string;
+    partner: string;
+};
+//# sourceMappingURL=developer_badge.test_ids.d.ts.map

package/dist/src/components/developer_badge/developer_badge.test_ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/developer_badge/developer_badge.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC"}

package/dist/src/components/developer_badge/developer_badge.test_ids.js

@@ -0,0 +1,5 @@
+export const developerBadgeTestIds = {
+    verified: 'verified-developer-badge',
+    partner: 'apify-partner-badge',
+};
+//# sourceMappingURL=developer_badge.test_ids.js.map

package/dist/src/components/developer_badge/developer_badge.test_ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"developer_badge.test_ids.js","sourceRoot":"","sources":["../../../../src/components/developer_badge/developer_badge.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,0BAA0B;IACpC,OAAO,EAAE,qBAAqB;CACjC,CAAC"}

package/dist/src/components/developer_badge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './developer_badge';
+export * from './developer_badge.test_ids';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/developer_badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/developer_badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC"}

package/dist/src/components/developer_badge/index.js

@@ -0,0 +1,3 @@
+export * from './developer_badge';
+export * from './developer_badge.test_ids';
+//# sourceMappingURL=index.js.map

package/dist/src/components/developer_badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/developer_badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC"}

package/dist/src/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './chip';
 export * from './image';
 export * from './rating';
 export * from './badge';
+export * from './developer_badge';
 export * from './tag';
 export * from './tabs';
 export * from './shortcut';

package/dist/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/src/components/index.js

@@ -23,6 +23,7 @@ export * from './chip';
 export * from './image';
 export * from './rating';
 export * from './badge';
+export * from './developer_badge';
 export * from './tag';
 export * from './tabs';
 export * from './shortcut';

package/dist/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}