@apify/ui-library 1.155.1 → 1.156.0

package/dist/components/select/select.js

@@ -1,7 +1,7 @@
 import { theme } from "../../design_system/theme.js";
 import { TextShared } from "../text/text_shared.js";
 import { IconButton } from "../icon_button/icon_button.js";
-import { selectClearTestId } from "./select.test_ids.js";
+import { selectClearTestId, selectMultiValueLabelTestId } from "./select.test_ids.js";
 import styled from "styled-components";
 import { forwardRef, useCallback, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -199,7 +199,7 @@ var SelectMultiValueLabel = ({ innerProps, ...rest }) => /* @__PURE__ */ jsx(com
 	...rest,
 	innerProps: {
 		...innerProps,
-		"data-test": `${rest.selectProps?.id ?? rest.selectProps?.name}--multi-value-label`
+		"data-test": selectMultiValueLabelTestId(rest.selectProps?.id ?? rest.selectProps?.name)
 	}
 });
 var IndicatorSeparator = () => null;

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

@@ -1,2 +1,3 @@
 export declare const selectClearTestId: (idOrName: string | undefined) => string;
+export declare const selectMultiValueLabelTestId: (idOrName: string | undefined) => string;
 //# sourceMappingURL=select.test_ids.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.test_ids.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,GAAG,SAAS,KAAG,MAA8B,CAAC"}
+{"version":3,"file":"select.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.test_ids.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,GAAG,SAAS,KAAG,MAA8B,CAAC;AAGhG,eAAO,MAAM,2BAA2B,GAAI,UAAU,MAAM,GAAG,SAAS,KAAG,MAA0C,CAAC"}

package/dist/components/select/select.test_ids.js

@@ -1,4 +1,5 @@
 //#region src/components/select/select.test_ids.ts
 var selectClearTestId = (idOrName) => `${idOrName}--clear`;
+var selectMultiValueLabelTestId = (idOrName) => `${idOrName}--multi-value-label`;
 //#endregion
-export { selectClearTestId };
+export { selectClearTestId, selectMultiValueLabelTestId };

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/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;AA8BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,oCAAoC,YAAY,4CAgBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,qLAtBmC,YAAY,4FA0BvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;WAA4B,MAAM;yDA/BA,YAAY,4FA0CvE,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAMA,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;AA8BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,oCAAoC,YAAY,4CAsBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,qLA5BmC,YAAY,4FAgCvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;WAA4B,MAAM;yDArCA,YAAY,4FAgDvE,CAAC"}

package/dist/components/spinner/spinner.js

@@ -1,4 +1,5 @@
 import { theme } from "../../design_system/theme.js";
+import { spinnerTestIds } from "./spinner.test_ids.js";
 import styled, { keyframes } from "styled-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/spinner/spinner.tsx
@@ -57,6 +58,8 @@ var Spinner = ({ loadingReason, small, ...props }) => {
 		...props,
 		title: loadingReason,
 		$small: small,
+		"data-testid": spinnerTestIds.SPINNER,
+		"aria-busy": "true",
 		children: /* @__PURE__ */ jsx("svg", {
 			className: spinnerClassNames.SPINNER,
 			viewBox: "0 0 50 50",

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

@@ -0,0 +1,4 @@
+export declare const spinnerTestIds: {
+    SPINNER: string;
+};
+//# sourceMappingURL=spinner.test_ids.d.ts.map

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

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

package/dist/components/spinner/spinner.test_ids.js

@@ -0,0 +1,4 @@
+//#region src/components/spinner/spinner.test_ids.ts
+var spinnerTestIds = { SPINNER: "spinner" };
+//#endregion
+export { spinnerTestIds };

package/dist/components/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GACzD,kBAAkB,GAClB,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA4GF,eAAO,MAAM,cAAc;;;CAG1B,CAAC;AAoCF,eAAO,MAAM,GAAG,GAAI,kGAajB,QAAQ,4CA8BV,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GACzD,kBAAkB,GAClB,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,OAAO,GAAG,cAAc,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AA4GF,eAAO,MAAM,cAAc;;;CAG1B,CAAC;AAoCF,eAAO,MAAM,GAAG,GAAI,kGAajB,QAAQ,4CAmCV,CAAC"}

package/dist/components/tabs/tab.js

@@ -171,7 +171,7 @@ var Tab = ({ variant = "default", id, to, Icon, title, chip, rollout, className,
 			/* @__PURE__ */ jsx(TextShared, {
 				size: tabVariantTextSize[variant],
 				className: TAB_CLASSNAMES.TITLE,
-				weight: "bold",
+				weight: active ? "bold" : "medium",
 				as: "div",
 				children: title
 			}),

package/dist/files_hash_at_build.txt

@@ -1 +1 @@
-bc3b48d394c5df371c9dc78be8a471aa11b29c60
+37571b60420478e87fb6d796de56c4a7bbfa7062

package/dist/index.js

@@ -27,7 +27,8 @@ import { ActorAvatar, ActorAvatarInner, actorAvatarClassnames } from "./componen
 import { UserAvatar, userAvatarBaseClassNames } from "./components/avatar/user_avatar.js";
 import { CardContainer, cardContainerClassNames } from "./components/card_container/card_container.js";
 import { Link, StyledAsLink, hasUrlHttpProtocol, isUrlEmail, isUrlExternal, omitDomainAndProtocol } from "./components/link/link.js";
-import { BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, Button, getButtonColorStyles, getButtonSizeStyles } from "./components/button/button.js";
+import { BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, getButtonColorStyles, getButtonSizeStyles } from "./components/button/button.style.js";
+import { Button } from "./components/button/button.js";
 import { DangerMessage, InfoMessage, Message, SuccessMessage, WarningMessage, messageClassNames } from "./components/message/message.js";
 import { useFloatingMenu } from "./components/floating/menu_common.js";
 import { BADGE_SIZES, BADGE_VARIANTS, Badge } from "./components/badge/badge.js";

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

@@ -1,12 +1,12 @@
 import type { AriaAttributes } from 'react';
 import type React from 'react';
-import { type IconSize } from '@apify/ui-icons';
 import { type WithRequired } from '../../type_utils';
 import { type MarginSpacingProps, type RegularBoxProps } from '../box';
 import { type LinkProps } from '../link';
+export { BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, getButtonColorStyles, getButtonSizeStyles, } from './button.style';
 export type ButtonSize = 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall';
-type ButtonColor = 'default' | 'success' | 'danger' | 'primaryBlack';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export type ButtonColor = 'default' | 'success' | 'danger' | 'primaryBlack';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 type ButtonType = 'button' | 'submit';
 export interface TransientButtonProps {
     size?: ButtonSize;
@@ -22,37 +22,10 @@ export interface RegularButtonProps {
     type?: ButtonType;
 }
 type ButtonAriaProps = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
-export type CommonButtonProps = RegularButtonProps & ButtonAriaProps & TransientButtonProps & MarginSpacingProps;
+export type CommonButtonProps = RegularButtonProps & ButtonAriaProps & TransientButtonProps & MarginSpacingProps & {
+    animated?: boolean;
+};
 export type ButtonProps = CommonButtonProps & WithRequired<RegularBoxProps, 'onClick'>;
 export type AnchorButtonProps = CommonButtonProps & RegularBoxProps & LinkProps;
-type ButtonColorCombinations = {
-    [Type in ButtonVariant]: {
-        [Size in ButtonColor]: {
-            textColor: string;
-            borderColor: string;
-            backgroundColor: string;
-            actionTextColor?: string;
-            actionBorderColor?: string;
-            hoverColor?: string;
-            hoverGradient?: string;
-            activeColor?: string;
-            activeTextColor?: string;
-        };
-    };
-};
-type ButtonSizeCombinations = {
-    [Size in ButtonSize]: {
-        typography: string;
-        size: number;
-        horizontalPadding: number;
-        borderRadius: string;
-        iconSize: IconSize;
-    };
-};
-export declare const BUTTON_COLOR_VARIANTS_CSS: ButtonColorCombinations;
-export declare const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations;
-export declare const getButtonColorStyles: (variant?: ButtonVariant, color?: ButtonColor) => import("styled-components").RuleSet<object>;
-export declare const getButtonSizeStyles: (size?: ButtonSize) => import("styled-components").RuleSet<object>;
 export declare const Button: React.ForwardRefExoticComponent<(ButtonProps | AnchorButtonProps) & React.RefAttributes<HTMLElement>>;
-export {};
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/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,QAAQ,CAAC;AAC5E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AACpF,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AACrE,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1D,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtC,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;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;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;AAOhF,KAAK,uBAAuB,GAAG;KAC1B,IAAI,IAAI,aAAa,GAAG;SACpB,IAAI,IAAI,WAAW,GAAG;YACnB,SAAS,EAAE,MAAM,CAAC;YAClB,WAAW,EAAE,MAAM,CAAC;YACpB,eAAe,EAAE,MAAM,CAAC;YAGxB,eAAe,CAAC,EAAE,MAAM,CAAC;YAEzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;YAG3B,UAAU,CAAC,EAAE,MAAM,CAAC;YAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;YAGvB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,eAAe,CAAC,EAAE,MAAM,CAAC;SAC5B;KACJ;CACJ,CAAC;AAEF,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;AAEF,eAAO,MAAM,yBAAyB,EAAE,uBAgGvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,sBAoCtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAS,aAAyB,EAAE,QAAO,WAAuB,gDA8CtG,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAM,UAAqB,gDAU9D,CAAC;AA8BF,eAAO,MAAM,MAAM,uGAiEjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG9D,OAAO,EACH,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,GACtB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AACpF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AAC5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AACjE,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtC,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;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAG9E,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAC9C,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAAG;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AAOhF,eAAO,MAAM,MAAM,uGA6FjB,CAAC"}

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

@@ -1,225 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
 import { ExternalLinkIcon } from '@apify/ui-icons';
-import { theme } from '../../design_system/theme';
 import {} from '../../type_utils';
 import { useSharedUiDependencies } from '../../ui_dependency_provider';
-import { Box } from '../box';
+import {} from '../box';
 import { isUrlExternal, Link } from '../link';
+import { AnimatedBorder, BUTTON_SIZE_VARIANTS_CSS, StyledButton } from './button.style';
+export { BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, getButtonColorStyles, getButtonSizeStyles, } from './button.style';
 // typeguard to distinguish between the two options for props
 function isAnchorButton(props) {
     return props.to !== undefined;
 }
-export const BUTTON_COLOR_VARIANTS_CSS = {
-    primary: {
-        default: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.primary.action,
-            borderColor: theme.color.primary.action,
-            hoverColor: theme.color.primary.actionHover,
-            activeColor: theme.color.primary.actionActive,
-        },
-        success: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.success.action,
-            borderColor: theme.color.success.action,
-            hoverColor: theme.color.success.actionHover,
-            activeColor: theme.color.success.actionActive,
-        },
-        danger: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.danger.action,
-            borderColor: theme.color.danger.action,
-            hoverColor: theme.color.danger.actionHover,
-            activeColor: theme.color.danger.actionActive,
-        },
-        primaryBlack: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.primaryBlack.action,
-            borderColor: theme.color.primaryBlack.action,
-            hoverGradient: `linear-gradient(to bottom, color-mix(in srgb, ${theme.color.neutral.textOnPrimary} 16%, transparent), transparent)`,
-            activeColor: theme.color.primaryBlack.actionActive,
-        },
-    },
-    secondary: {
-        default: {
-            textColor: theme.color.neutral.text,
-            backgroundColor: theme.color.neutral.backgroundMuted,
-            borderColor: theme.color.neutral.border,
-            hoverColor: theme.color.neutral.actionSecondaryHover,
-            activeColor: theme.color.neutral.actionSecondaryActive,
-            actionBorderColor: theme.color.neutral.border,
-        },
-        success: {
-            textColor: theme.color.success.text,
-            backgroundColor: theme.color.neutral.backgroundMuted,
-            borderColor: theme.color.neutral.border,
-            hoverColor: theme.color.success.actionHover,
-            activeColor: theme.color.success.actionActive,
-            actionTextColor: theme.color.neutral.background,
-        },
-        danger: {
-            textColor: theme.color.danger.text,
-            backgroundColor: theme.color.neutral.backgroundMuted,
-            borderColor: theme.color.neutral.border,
-            hoverColor: theme.color.danger.backgroundHover,
-            actionBorderColor: theme.color.danger.borderSubtle,
-            activeColor: theme.color.danger.actionActive,
-            activeTextColor: theme.color.neutral.textOnPrimary,
-        },
-        primaryBlack: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.primaryBlack.action,
-            borderColor: theme.color.primaryBlack.action,
-            hoverGradient: `linear-gradient(to bottom, color-mix(in srgb, ${theme.color.neutral.textOnPrimary} 16%, transparent), transparent)`,
-            activeColor: theme.color.primaryBlack.actionActive,
-        },
-    },
-    tertiary: {
-        default: {
-            textColor: theme.color.neutral.text,
-            backgroundColor: 'transparent',
-            borderColor: 'transparent',
-            // TODO: Not sure about these
-            hoverColor: theme.color.neutral.hover,
-            activeColor: theme.color.neutral.actionSecondaryActive,
-        },
-        success: {
-            textColor: theme.color.success.text,
-            backgroundColor: 'transparent',
-            borderColor: 'transparent',
-            hoverColor: theme.color.success.backgroundSubtleHover,
-            activeColor: theme.color.success.backgroundSubtleActive,
-        },
-        danger: {
-            textColor: theme.color.danger.text,
-            backgroundColor: 'transparent',
-            borderColor: 'transparent',
-            hoverColor: theme.color.danger.backgroundSubtleHover,
-            activeColor: theme.color.danger.backgroundSubtleActive,
-        },
-        primaryBlack: {
-            textColor: theme.color.neutral.textOnPrimary,
-            backgroundColor: theme.color.primaryBlack.action,
-            borderColor: theme.color.primaryBlack.action,
-            hoverGradient: `linear-gradient(to bottom, color-mix(in srgb, ${theme.color.neutral.textOnPrimary} 16%, transparent), transparent)`,
-            activeColor: theme.color.primaryBlack.actionActive,
-        },
-    },
-};
-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: {
-        typography: theme.typography.shared.mobile.bodyMMedium,
-        size: 32,
-        horizontalPadding: 12,
-        borderRadius: theme.radius.radius6,
-        iconSize: '20',
-    },
-    small: {
-        typography: theme.typography.shared.mobile.bodySMedium,
-        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: '16',
-    },
-};
-export const getButtonColorStyles = (variant = 'primary', color = 'default') => {
-    const { backgroundColor, borderColor, textColor, actionBorderColor, actionTextColor, hoverColor, hoverGradient, activeColor, activeTextColor, } = BUTTON_COLOR_VARIANTS_CSS[variant][color];
-    return css `
-        color: ${textColor};
-        background-color: ${backgroundColor};
-        border-color: ${borderColor};
-
-        &:hover {
-            color: ${actionTextColor || textColor};
-            ${hoverGradient
-        ? css `
-                      background-image: ${hoverGradient};
-                      background-color: ${backgroundColor};
-                  `
-        : css `
-                      background-color: ${hoverColor};
-                  `}
-            border-color: ${actionBorderColor || (hoverGradient ? borderColor : hoverColor)};
-        }
-
-        &:active {
-            color: ${activeTextColor || actionTextColor || textColor};
-            background-color: ${activeColor};
-            ${hoverGradient && 'background-image: none;'}
-            border-color: ${actionBorderColor || activeColor};
-        }
-
-        &:disabled {
-            color: ${theme.color.neutral.textDisabled};
-            background-color: ${variant === 'tertiary' ? 'transparent' : theme.color.neutral.disabled};
-            border-color: ${variant === 'tertiary' ? 'transparent' : theme.color.neutral.disabled};
-
-            cursor: default;
-        }
-    `;
-};
-export const getButtonSizeStyles = (size = 'medium') => {
-    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) `
-    /* 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.space4};
-
-    /* Basic styles */
-    white-space: nowrap;
-    cursor: pointer;
-    transition:
-        border-color ${theme.transition.fastEaseOut},
-        background-color ${theme.transition.fastEaseOut};
-
-    /* Border is always defined, but it can be set to transparent */
-    border-style: solid;
-    border-width: 1px;
-    border-color: transparent;
-
-    /* Colors */
-    ${(props) => getButtonColorStyles(props.$variant, props.$color)}
-
-    /* Paddings & font size */
-    ${(props) => getButtonSizeStyles(props.$size)}
-`;
 export const Button = forwardRef((props, ref) => {
-    const { as, children, size = 'medium', color = 'default', variant = 'primary', type = 'button', LeftIcon, RightIcon, onClick, trackingId, trackingData, ...rest } = props;
+    const { as, children, size = 'medium', color = 'default', variant = 'primary', animated = false, type = 'button', LeftIcon, RightIcon, onClick, trackingId, trackingData, className, m, mt, mb, ml, mr, mx, my, ...rest } = props;
     const { trackClick, windowLocationHost } = useSharedUiDependencies();
     const trackedOnClick = (e) => {
         if (trackClick && trackingId)
@@ -227,16 +20,26 @@ export const Button = forwardRef((props, ref) => {
         if (onClick)
             onClick(e);
     };
-    const { iconSize } = BUTTON_SIZE_VARIANTS_CSS[size];
-    if (isAnchorButton(props)) {
-        const isExternal = isUrlExternal(props.to, windowLocationHost);
-        const EffectiveRightIcon = isExternal && !props.hideExternalIcon ? ExternalLinkIcon : RightIcon;
-        return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, 
-            // If anchor is undefined, we just render it as a regular button
-            forwardedAs: props.disabled ? 'button' : Link, ref: ref, onClick: trackedOnClick, to: props.to, ...rest, 
-            // If we want to show external icon, we use button's slot for icon
-            hideExternalIcon: true, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, EffectiveRightIcon && _jsx(EffectiveRightIcon, { size: iconSize })] }));
+    const { iconSize, borderRadius } = BUTTON_SIZE_VARIANTS_CSS[size];
+    // When animated, these are applied to the outer wrapper instead of the button (see below).
+    const layoutProps = { className, m, mt, mb, ml, mr, mx, my };
+    const renderButton = (buttonLayoutProps = {}) => {
+        if (isAnchorButton(props)) {
+            const isExternal = isUrlExternal(props.to, windowLocationHost);
+            const EffectiveRightIcon = isExternal && !props.hideExternalIcon ? ExternalLinkIcon : RightIcon;
+            return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, 
+                // If anchor is undefined, we just render it as a regular button
+                forwardedAs: props.disabled ? 'button' : Link, ref: ref, onClick: trackedOnClick, to: props.to, ...rest, ...buttonLayoutProps, 
+                // If we want to show external icon, we use button's slot for icon
+                hideExternalIcon: true, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, EffectiveRightIcon && _jsx(EffectiveRightIcon, { size: iconSize })] }));
+        }
+        return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, forwardedAs: as || 'button', ref: ref, onClick: trackedOnClick, type: type, ...rest, ...buttonLayoutProps, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, RightIcon && _jsx(RightIcon, { size: iconSize })] }));
+    };
+    // The animated shine sweep is only available for the primary variant.
+    // A disabled button should look inert, so it never shimmers.
+    if (animated && variant === 'primary' && !props.disabled) {
+        return (_jsx(AnimatedBorder, { forwardedAs: "span", "$radius": borderRadius, ...layoutProps, children: renderButton() }));
     }
-    return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, forwardedAs: as || 'button', ref: ref, onClick: trackedOnClick, type: type, ...rest, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, RightIcon && _jsx(RightIcon, { size: iconSize })] }));
+    return renderButton(layoutProps);
 });
 //# sourceMappingURL=button.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { type IconSize } from '@apify/ui-icons';
+import { type WithTransientProps } from '../../type_utils';
+import type { ButtonColor, ButtonSize, ButtonVariant, TransientButtonProps } from './button';
+type ButtonColorCombinations = {
+    [Type in ButtonVariant]: {
+        [Size in ButtonColor]: {
+            textColor: string;
+            borderColor: string;
+            backgroundColor: string;
+            actionTextColor?: string;
+            actionBorderColor?: string;
+            hoverColor?: string;
+            hoverGradient?: string;
+            activeColor?: string;
+            activeTextColor?: string;
+        };
+    };
+};
+type ButtonSizeCombinations = {
+    [Size in ButtonSize]: {
+        typography: string;
+        size: number;
+        horizontalPadding: number;
+        borderRadius: string;
+        iconSize: IconSize;
+    };
+};
+export declare const BUTTON_COLOR_VARIANTS_CSS: ButtonColorCombinations;
+export declare const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations;
+export declare const getButtonColorStyles: (variant?: ButtonVariant, color?: ButtonColor) => import("styled-components").RuleSet<object>;
+export declare const getButtonSizeStyles: (size?: ButtonSize) => import("styled-components").RuleSet<object>;
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("..").BoxProps & import("react").RefAttributes<HTMLElement>) & import("styled-components/dist/types").BaseObject, WithTransientProps<Required<TransientButtonProps>>>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").BoxProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const AnimatedBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("..").BoxProps & import("react").RefAttributes<HTMLElement>) & import("styled-components/dist/types").BaseObject, {
+    $radius: string;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").BoxProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export {};
+//# sourceMappingURL=button.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE7F,KAAK,uBAAuB,GAAG;KAC1B,IAAI,IAAI,aAAa,GAAG;SACpB,IAAI,IAAI,WAAW,GAAG;YACnB,SAAS,EAAE,MAAM,CAAC;YAClB,WAAW,EAAE,MAAM,CAAC;YACpB,eAAe,EAAE,MAAM,CAAC;YAGxB,eAAe,CAAC,EAAE,MAAM,CAAC;YAEzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;YAG3B,UAAU,CAAC,EAAE,MAAM,CAAC;YAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;YAGvB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,eAAe,CAAC,EAAE,MAAM,CAAC;SAC5B;KACJ;CACJ,CAAC;AAEF,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;AAEF,eAAO,MAAM,yBAAyB,EAAE,uBAgGvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,sBAoCtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAS,aAAyB,EAAE,QAAO,WAAuB,gDA8CtG,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAM,UAAqB,gDAU9D,CAAC;AAEF,eAAO,MAAM,YAAY,mdA0BxB,CAAC;AAWF,eAAO,MAAM,cAAc;aAA0B,MAAM;iLAkC1D,CAAC"}