@apify/ui-library 1.99.0 → 1.99.1

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

@@ -1,9 +1,10 @@
 import type { AriaAttributes } from 'react';
 import type React from 'react';
+import { type IconSize } from '@apify/ui-icons';
 import { type WithRequired } from '../type_utils.js';
 import { type MarginSpacingProps, type RegularBoxProps } from './box.js';
 import { type LinkProps } from './link.js';
-type ButtonSize = 'medium' | 'small';
+export type ButtonSize = 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall';
 type ButtonColor = 'default' | 'success' | 'danger';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 export interface TransientButtonProps {
@@ -24,8 +25,11 @@ export type ButtonProps = CommonButtonProps & WithRequired<RegularBoxProps, 'onC
 export type AnchorButtonProps = CommonButtonProps & RegularBoxProps & LinkProps;
 type ButtonSizeCombinations = {
     [Size in ButtonSize]: {
+        typography: string;
+        size: number;
         horizontalPadding: number;
-        height: number;
+        borderRadius: string;
+        iconSize: IconSize;
     };
 };
 export declare const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEhE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAG9E,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,eAAe,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAEjH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AA6BhF,KAAK,sBAAsB,GAAG;KACzB,IAAI,IAAI,UAAU,GAAG;QAClB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KAClB;CACJ,CAAC;AA+EF,eAAO,MAAM,wBAAwB,EAAE,sBAStC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAa,aAAa,UAAqB,WAAW,2DAqC1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAU,UAAU,2DAWnD,CAAC;AA+BF,eAAO,MAAM,MAAM,uGAmEjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AACpF,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAG9E,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,eAAe,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAEjH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AA6BhF,KAAK,sBAAsB,GAAG;KACzB,IAAI,IAAI,UAAU,GAAG;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,iBAAiB,EAAE,MAAM,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,QAAQ,CAAC;KACtB;CACJ,CAAC;AA+EF,eAAO,MAAM,wBAAwB,EAAE,sBAoCtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAa,aAAa,UAAqB,WAAW,2DAqC1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAU,UAAU,2DAgBnD,CAAC;AA4BF,eAAO,MAAM,MAAM,uGAmEjB,CAAC"}

package/dist/src/components/button.js

@@ -88,13 +88,40 @@ const BUTTON_COLOR_VARIANTS_CSS = {
     },
 };
 export const BUTTON_SIZE_VARIANTS_CSS = {
+    extraLarge: {
+        typography: theme.typography.shared.mobile.bodyMMedium,
+        size: 40,
+        horizontalPadding: 12,
+        borderRadius: theme.radius.radius8,
+        iconSize: '20',
+    },
+    large: {
+        typography: theme.typography.shared.mobile.bodyMMedium,
+        size: 36,
+        horizontalPadding: 12,
+        borderRadius: theme.radius.radius6,
+        iconSize: '20',
+    },
     medium: {
-        height: 32,
+        typography: theme.typography.shared.mobile.bodyMMedium,
+        size: 32,
         horizontalPadding: 12,
+        borderRadius: theme.radius.radius6,
+        iconSize: '16',
     },
     small: {
-        height: 28,
+        typography: theme.typography.shared.mobile.bodyMMedium,
+        size: 28,
         horizontalPadding: 8,
+        borderRadius: theme.radius.radius6,
+        iconSize: '16',
+    },
+    extraSmall: {
+        typography: theme.typography.shared.mobile.bodySMedium,
+        size: 24,
+        horizontalPadding: 6,
+        borderRadius: theme.radius.radius6,
+        iconSize: '12',
     },
 };
 export const getButtonColorStyles = (variant = 'primary', color = 'default') => {
@@ -126,23 +153,24 @@ export const getButtonColorStyles = (variant = 'primary', color = 'default') =>
     `;
 };
 export const getButtonSizeStyles = (size = 'medium') => {
-    const { height, horizontalPadding, } = BUTTON_SIZE_VARIANTS_CSS[size];
+    const { typography, size: height, horizontalPadding, borderRadius, } = BUTTON_SIZE_VARIANTS_CSS[size];
     return css `
+        ${typography};
         height: ${height}px;
         /* We just want to ensure padding on the sides. Height is set the the hard way for simplicity */
         padding: 0 ${horizontalPadding}px;
+        border-radius: ${borderRadius};
+
     `;
 };
 const StyledButton = styled(Box) `
-    ${theme.typography.shared.mobile.bodyMMedium};
-
     /* Basic positioning */
     display: inline-flex;
     align-items: center;
     /* NOT sure about this. It needs to be set when we want 100% width button */
     /* Maybe we can add block property */
     justify-content: center;
-    gap: ${theme.space.space8};
+    gap: ${theme.space.space4};
 
     /* Basic styles */
     white-space: nowrap;
@@ -152,7 +180,6 @@ const StyledButton = styled(Box) `
     /* Border is always defined, but it can be set to transparent */
     border-style: solid;
     border-width: 1px;
-    border-radius: ${theme.radius.radius6};
     border-color: transparent;
 
     /* Colors */
@@ -170,7 +197,7 @@ export const Button = forwardRef((props, ref) => {
         if (onClick)
             onClick(e);
     };
-    const iconSize = size === 'medium' ? '16' : '12';
+    const { iconSize } = BUTTON_SIZE_VARIANTS_CSS[size];
     if (isAnchorButton(props)) {
         const isExternal = isUrlExternal(props.to, windowLocationHost);
         const EffectiveRightIcon = (isExternal && !props.hideExternalIcon) ? ExternalLinkIcon : RightIcon;

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

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

package/dist/src/components/button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react-vite';
+import { Button } from './button.js';
+declare const _default: Meta<typeof Button>;
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/src/components/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQlD,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;wBAWlD,IAAI,CAAC,OAAO,MAAM,CAAC;AATxB,wBASyB;AA6FzB,eAAO,MAAM,OAAO,+CA6BnB,CAAC"}

package/dist/src/components/button.stories.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// eslint-disable-next-line import/extensions
+import { action } from 'storybook/actions';
+import styled from 'styled-components';
+import { CrossIcon } from '@apify/ui-icons';
+import { theme } from '../design_system/theme.js';
+import { Button } from './button.js';
+export default {
+    title: 'UI-Library/Button',
+    component: Button,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=5235-24898&t=fCZgSCLJK79g0Omo-4',
+        },
+    },
+};
+const Wrapper = styled.div `
+    background-color: ${theme.color.neutral.background};
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+`;
+const TwoColumns = styled.div `
+    display: grid;
+    grid-template-columns: repeat(5, auto);
+    gap: 40px;
+`;
+const ButtonGrid = styled.div `
+    display: flex;
+    gap: 8px;
+    margin-bottom: 16px;
+`;
+const ButtonSection = ({ ...rest }) => {
+    const props = {
+        ...rest,
+        onClick: action('onClick'),
+    };
+    return (_jsxs(Wrapper, { children: [_jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With leading icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With trailing icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With both icons" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'primary', children: "Primary test" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] })] }));
+};
+export const Default = () => {
+    return (_jsxs(Wrapper, { children: [_jsx("h4", { children: "Primary" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'default', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'default', size: 'large' }), _jsx(ButtonSection, { color: 'default', size: 'medium' }), _jsx(ButtonSection, { color: 'default', size: 'small' }), _jsx(ButtonSection, { color: 'default', size: 'extraSmall' })] }), _jsx("h4", { children: "Success" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'success', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'success', size: 'large' }), _jsx(ButtonSection, { color: 'success', size: 'medium' }), _jsx(ButtonSection, { color: 'success', size: 'small' }), _jsx(ButtonSection, { color: 'success', size: 'extraSmall' })] }), _jsx("h4", { children: "Danger" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'danger', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'danger', size: 'large' }), _jsx(ButtonSection, { color: 'danger', size: 'medium' }), _jsx(ButtonSection, { color: 'danger', size: 'small' }), _jsx(ButtonSection, { color: 'danger', size: 'extraSmall' })] })] }));
+};
+//# sourceMappingURL=button.stories.js.map

package/dist/src/components/button.stories.js.map

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

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

@@ -0,0 +1,55 @@
+import type { IconComponent } from '@apify/ui-icons';
+import type { ValueOf } from '@apify-packages/types';
+import type { RegularBoxProps } from './box.js';
+import { type RegularButtonProps, type TransientButtonProps } from './button.js';
+import { type RegularLinkProps } from './link.js';
+export declare const ICON_BUTTON_VARIANTS: {
+    readonly DEFAULT: "DEFAULT";
+    readonly BORDERED: "BORDERED";
+    readonly DANGER: "DANGER";
+    readonly DANGER_BORDERED: "DANGER_BORDERED";
+};
+export type ICON_BUTTON_VARIANTS = ValueOf<typeof ICON_BUTTON_VARIANTS>;
+type IconButtonNodeType = Extract<React.ElementType, 'a' | 'button'>;
+type IconButtonNodePropsMap = {
+    a: {
+        element: HTMLAnchorElement;
+        props: RegularLinkProps;
+    };
+    button: {
+        element: HTMLButtonElement;
+        props: RegularButtonProps;
+    };
+};
+export type IconButtonProps<T extends IconButtonNodeType> = RegularBoxProps & Pick<TransientButtonProps, 'size'> & {
+    as?: T;
+    variant?: ICON_BUTTON_VARIANTS;
+    Icon: IconComponent;
+    disabled?: boolean;
+    isLoading?: boolean;
+    title?: string;
+    tooltipProps?: unknown;
+} & Omit<IconButtonNodePropsMap[T]['props'], 'size' | 'variant'>;
+/**
+ * Simplified button component that displays an icon.
+ * Has a tooltip and a loading state.
+ */
+export declare const IconButton: import("react").ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    id?: string;
+} & {
+    as?: React.ElementType;
+} & Pick<TransientButtonProps, "size"> & {
+    as?: IconButtonNodeType | undefined;
+    variant?: ICON_BUTTON_VARIANTS;
+    Icon: IconComponent;
+    disabled?: boolean;
+    isLoading?: boolean;
+    title?: string;
+    tooltipProps?: unknown;
+} & Omit<RegularLinkProps | RegularButtonProps, "size" | "variant"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=icon_button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAqD,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEpI,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGxD,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,OAAO,oBAAoB,CAAC,CAAC;AA2HxE,KAAK,kBAAkB,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AACrE,KAAK,sBAAsB,GAAG;IAC1B,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACL,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,kBAAkB,IAAI,eAAe,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IAC/G,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,UAAU;eArJlB,MAAO,SAAS;;YAAqC,MAAO,aAE7D;kBAAkB,MAAO,UACvB;;;SAG+B,MAAO,WACrC;;;cAkIO,oBAAoB;UACxB,aAAa;eACR,OAAO;gBACN,OAAO;YACX,MAAM;mBACC,OAAO;2IA8CxB,CAAC"}

package/dist/src/components/icon_button.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../design_system/theme.js';
+import { Button, BUTTON_SIZE_VARIANTS_CSS } from './button.js';
+import { Tooltip } from './floating/tooltip.js';
+import { Link } from './link.js';
+import { InlineSpinner, spinnerClassNames } from './spinner.js';
+export const ICON_BUTTON_VARIANTS = {
+    DEFAULT: 'DEFAULT',
+    BORDERED: 'BORDERED',
+    DANGER: 'DANGER',
+    DANGER_BORDERED: 'DANGER_BORDERED',
+};
+const iconButtonVariantStyle = {
+    [ICON_BUTTON_VARIANTS.DEFAULT]: {
+        backgroundColor: 'transparent',
+        backgroundHoverColor: theme.color.neutral.hover,
+        backgroundDisabledColor: 'transparent',
+        borderColor: 'transparent',
+        borderHoverColor: 'transparent',
+        borderDisabledColor: 'transparent',
+        iconColor: theme.color.neutral.text,
+    },
+    [ICON_BUTTON_VARIANTS.BORDERED]: {
+        backgroundColor: theme.color.neutral.backgroundMuted,
+        backgroundHoverColor: theme.color.neutral.hover,
+        backgroundDisabledColor: theme.color.neutral.disabled,
+        borderColor: theme.color.neutral.border,
+        borderHoverColor: theme.color.neutral.border,
+        borderDisabledColor: theme.color.neutral.border,
+        iconColor: theme.color.neutral.text,
+    },
+    [ICON_BUTTON_VARIANTS.DANGER_BORDERED]: {
+        backgroundColor: theme.color.neutral.backgroundMuted,
+        backgroundHoverColor: theme.color.danger.backgroundHover,
+        backgroundDisabledColor: theme.color.neutral.backgroundSubtle,
+        borderColor: theme.color.neutral.border,
+        borderHoverColor: theme.color.danger.borderSubtle,
+        borderDisabledColor: theme.color.neutral.border,
+        iconColor: theme.color.danger.text,
+    },
+    [ICON_BUTTON_VARIANTS.DANGER]: {
+        backgroundColor: 'transparent',
+        backgroundHoverColor: theme.color.danger.backgroundHover,
+        backgroundDisabledColor: theme.color.neutral.backgroundSubtle,
+        borderColor: 'transparent',
+        borderHoverColor: 'transparent',
+        borderDisabledColor: 'transparent',
+        iconColor: theme.color.danger.text,
+    },
+};
+const iconButtonSizeConfig = {
+    extraLarge: {
+        iconSize: '24',
+        spinnerSize: '2.4rem',
+    },
+    large: {
+        iconSize: '20',
+        spinnerSize: '2rem',
+    },
+    medium: {
+        iconSize: '16',
+        spinnerSize: '1.6rem',
+    },
+    small: {
+        iconSize: '16',
+        spinnerSize: '1.6rem',
+    },
+    extraSmall: {
+        iconSize: '12',
+        spinnerSize: '1.2rem',
+    },
+};
+const getIconButtonColorStyles = (variant) => {
+    const { backgroundColor, backgroundHoverColor, backgroundDisabledColor, borderDisabledColor, borderColor, borderHoverColor, iconColor, } = iconButtonVariantStyle[variant];
+    return css `
+        color: ${iconColor};
+        background-color: ${backgroundColor};
+        border-color: ${borderColor};
+
+        &:hover {
+            background-color: ${backgroundHoverColor};
+            border-color: ${borderHoverColor || borderColor};
+            color: ${iconColor};
+        }
+
+        &:focus {
+            border-color: ${theme.color.primary.fieldBorderActive};
+        }
+
+        &:active {
+            background-color: ${theme.color.neutral.actionSecondaryActive};
+            border-color: ${theme.color.neutral.actionSecondaryActive};
+        }
+
+        &:disabled {
+            color: ${theme.color.neutral.iconDisabled};
+            background-color: ${backgroundDisabledColor};
+            border-color: ${borderDisabledColor};
+
+            cursor: default;
+        }
+    `;
+};
+const StyledButton = styled(Button) `
+    ${({ $variant }) => getIconButtonColorStyles($variant)}
+
+    /* Override default button styles */
+    box-sizing: border-box;
+    width: ${({ $size }) => (BUTTON_SIZE_VARIANTS_CSS[$size].size)}px;
+    padding: 0;
+
+    .${spinnerClassNames.SPINNER} .path {
+        stroke: ${theme.color.neutral.icon};
+    }
+`;
+/**
+ * Simplified button component that displays an icon.
+ * Has a tooltip and a loading state.
+ */
+export const IconButton = forwardRef(({ variant = ICON_BUTTON_VARIANTS.DEFAULT, size = 'medium', as = 'button', title, disabled = false, isLoading = false, Icon, tooltipProps, ...passThroughProps }, ref) => {
+    const otherProps = { ...passThroughProps, size };
+    const component = as === 'a' ? Link : as;
+    const { iconSize, spinnerSize } = iconButtonSizeConfig[size];
+    const button = (_jsx(StyledButton, { forwardedAs: component, ref: ref, disabled: disabled || isLoading, type: 'button', "aria-label": title, LeftIcon: isLoading ? () => _jsx(InlineSpinner, { size: spinnerSize }) : () => _jsx(Icon, { size: iconSize }), 
+        // We apply our own styles to the button, so we need to override the default variant
+        variant: "tertiary", "$size": size, "$variant": variant, ...otherProps }));
+    return title ? (
+    // @ts-expect-error tooltip is not migrated to TS yet
+    _jsx(Tooltip, { content: title, ...tooltipProps, children: button })) : button;
+});
+IconButton.displayName = 'IconButton';
+//# sourceMappingURL=icon_button.js.map

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

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

package/dist/src/components/icon_button.stories.d.ts

@@ -0,0 +1,36 @@
+import type { Meta } from '@storybook/react-vite';
+import { IconButton, type IconButtonProps } from './icon_button.js';
+declare const _default: Meta<typeof IconButton>;
+export default _default;
+export declare const Default: (props: IconButtonProps<"button">) => import("react/jsx-runtime").JSX.Element;
+export declare const Playground: {
+    (props: IconButtonProps<"button">): import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: "DEFAULT";
+        size: string;
+        disabled: boolean;
+        isLoading: boolean;
+    };
+    argTypes: {
+        variant: {
+            options: {
+                readonly DEFAULT: "DEFAULT";
+                readonly BORDERED: "BORDERED";
+                readonly DANGER: "DANGER";
+                readonly DANGER_BORDERED: "DANGER_BORDERED";
+            };
+            control: string;
+        };
+        size: {
+            options: string[];
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        isLoading: {
+            control: string;
+        };
+    };
+};
+//# sourceMappingURL=icon_button.stories.d.ts.map

package/dist/src/components/icon_button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAUlD,OAAO,EAEH,UAAU,EACV,KAAK,eAAe,EACvB,MAAM,kBAAkB,CAAC;wBAcrB,IAAI,CAAC,OAAO,UAAU,CAAC;AAZ5B,wBAY6B;AAS7B,eAAO,MAAM,OAAO,UAAW,eAAe,CAAC,QAAQ,CAAC,4CAsKvD,CAAC;AAQF,eAAO,MAAM,UAAU;YAAW,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe1D,CAAC"}

package/dist/src/components/icon_button.stories.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// eslint-disable-next-line import/extensions
+import { action } from 'storybook/actions';
+import styled from 'styled-components';
+import { BellIcon, DeleteIcon, PeopleIcon, } from '@apify/ui-icons';
+import { ICON_BUTTON_VARIANTS, IconButton, } from './icon_button.js';
+export default {
+    title: 'UI-Library/IconButton',
+    component: IconButton,
+    args: {
+        onClick: action('onClick'),
+    },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=5236-40552&t=fCZgSCLJK79g0Omo-4',
+        },
+    },
+};
+const Table = styled.table `
+    td {
+        padding: 8px;
+    }
+    margin-bottom: 32px;
+`;
+export const Default = (props) => {
+    return (_jsx(_Fragment, { children: _jsx(Table, { children: _jsx("tbody", { children: Object.values(ICON_BUTTON_VARIANTS).map((variant) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'extraLarge', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'large', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'medium', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'small', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'extraSmall', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'extraLarge', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'large', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'medium', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'small', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'extraSmall', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraLarge', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraLarge', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'large', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'medium', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'small', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraSmall', title: 'Loading delete example' }) })] }, variant))) }) }) }));
+};
+const StyledPlayground = styled.div `
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+`;
+export const Playground = (props) => {
+    return (_jsxs(StyledPlayground, { children: [_jsx(IconButton, { ...props, Icon: PeopleIcon }), _jsx(IconButton, { ...props, Icon: DeleteIcon }), _jsx(IconButton, { ...props, Icon: BellIcon })] }));
+};
+Playground.args = {
+    variant: ICON_BUTTON_VARIANTS.DEFAULT,
+    size: 'medium',
+    disabled: false,
+    isLoading: false,
+};
+Playground.argTypes = {
+    variant: {
+        options: ICON_BUTTON_VARIANTS,
+        control: 'select',
+    },
+    size: {
+        options: ['medium', 'small'],
+        control: 'select',
+    },
+    disabled: {
+        control: 'boolean',
+    },
+    isLoading: {
+        control: 'boolean',
+    },
+};
+//# sourceMappingURL=icon_button.stories.js.map

package/dist/src/components/icon_button.stories.js.map

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

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

@@ -21,4 +21,6 @@ export * from './badge.js';
 export * from './tag.js';
 export * from './tabs/index.js';
 export * from './shortcut.js';
+export * from './icon_button.js';
+export * from './spinner.js';
 //# sourceMappingURL=index.d.ts.map

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,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}

package/dist/src/components/index.js

@@ -21,4 +21,6 @@ export * from './badge.js';
 export * from './tag.js';
 export * from './tabs/index.js';
 export * from './shortcut.js';
+export * from './icon_button.js';
+export * from './spinner.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,32 @@
+export declare const spinnerClassNames: {
+    SPINNER: string;
+};
+export type SpinnerProps = {
+    id?: string;
+    as?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    small?: boolean;
+    loadingReason?: string;
+};
+/**
+ * Visualize loading state of a component.
+ *
+ * Use this spinner when a page or section is waiting for asynchronous data.
+ * Do not use it for buttons and small components, apply only for bigger sections.
+ *
+ * Keep the spinner centered (eg. by setting position to parent container).
+ */
+export declare const Spinner: ({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Spinner with basic block styling
+ * This styles should probably be in default spinner, but it's dangerous to modify it as it's used on so many places
+ */
+export declare const BlockSpinner: import("styled-components").StyledComponent<({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+/**
+ * Use the inline variant within buttons, texts etc. The color of the spinner is set to current color of text.
+ */
+export declare const InlineSpinner: import("styled-components").StyledComponent<({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element, any, {
+    size?: string;
+}, never>;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAuBF,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AA4BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,uCAAwC,YAAY,4CAgBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,mFAtBmC,YAAY,6DA0BvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,mFA/BkC,YAAY;WA+BnB,MAAM;SAW1D,CAAC"}