@apify/ui-library 1.134.0 → 1.134.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.134.0",
+    "version": "1.134.2",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -27,7 +27,7 @@
         "It's not nice, but helps us to get around the problem of multiple react instances."
     ],
     "dependencies": {
-        "@apify/ui-icons": "^1.34.1",
+        "@apify/ui-icons": "^1.34.3",
         "@floating-ui/react": "^0.27.19",
         "@radix-ui/react-checkbox": "^1.3.3",
         "@radix-ui/react-collapsible": "^1.1.12",
@@ -70,5 +70,5 @@
         "src",
         "style"
     ],
-    "gitHead": "f8321843cceed834c46deb61af56d269efc3c7ae"
+    "gitHead": "80b843dce14832793c2bff2e4ffda8d525ce1cf2"
 }

package/src/codemods/generate_typograpy_tokens_files.mjs

@@ -1,6 +1,6 @@
 import { readFileSync, writeFileSync } from 'node:fs';
 
-// eslint-disable-next-line import/no-extraneous-dependencies
+// eslint-disable-next-line import-x/no-extraneous-dependencies
 import { print, types } from 'recast';
 
 const { builders } = types;

package/src/components/badge.stories.jsx

@@ -1,4 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
+// eslint-disable-next-line import-x/no-extraneous-dependencies
 import PropTypes from 'prop-types';
 import React from 'react';
 import styled from 'styled-components';

package/src/components/button.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta } from '@storybook/react-vite';
-// eslint-disable-next-line import/extensions
+// eslint-disable-next-line import-x/extensions
 import { action } from 'storybook/actions';
 import styled from 'styled-components';
 

package/src/components/button.tsx

@@ -236,12 +236,12 @@ export const getButtonColorStyles = (variant: ButtonVariant = 'primary', color:
         &:hover {
             color: ${actionTextColor || textColor};
             ${hoverGradient
-        ? css`
+                    ? css`
                     background-image: ${hoverGradient};
                     background-color: ${backgroundColor};
                 `
-        : css`background-color: ${hoverColor};`
-}
+                    : css`background-color: ${hoverColor};`
+            }
             border-color: ${actionBorderColor || (hoverGradient ? borderColor : hoverColor)};
         }
 

package/src/components/code/code_block/code_block.styled.tsx

@@ -8,7 +8,7 @@ export type SyntaxHighlighterBaseStylesWrapperProps = SharedTextProps & {
     $fullWidth?: boolean;
     $fullHeight?: string;
     $showLineNumbers?: boolean;
-}
+};
 
 export const SyntaxHighlighterBaseStylesWrapper = styled(Box)<SyntaxHighlighterBaseStylesWrapperProps>`
     background-color: ${theme.color.neutral.backgroundMuted} !important;
@@ -130,10 +130,10 @@ export const CodeBlockWrapper = styled(SyntaxHighlighterBaseStylesWrapper) <{
         top: 0;
         right: 0;
         ${({ $hasHeader }) => ($hasHeader
-        ? css`
+            ? css`
             padding-top: 6px;
             padding-right: ${theme.space.space8};`
-        : css`
+            : css`
             padding-top: ${theme.space.space16};
             padding-right: ${theme.space.space16};`)}
 

package/src/components/code/prism_python.ts

@@ -60,9 +60,9 @@ Prism.languages.python = {
             punctuation: /\./,
         },
     },
-    // eslint-disable-next-line max-len
+    // eslint-disable-next-line @stylistic/max-len
     keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
-    // eslint-disable-next-line max-len
+    // eslint-disable-next-line @stylistic/max-len
     builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
     boolean: /\b(?:False|None|True)\b/,
     number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,

package/src/components/icon_button.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta } from '@storybook/react-vite';
-// eslint-disable-next-line import/extensions
+// eslint-disable-next-line import-x/extensions
 import { action } from 'storybook/actions';
 import styled from 'styled-components';
 

package/src/components/icon_button.tsx

@@ -96,7 +96,7 @@ const iconButtonVariantStyle: Record<ICON_BUTTON_VARIANTS, IconButtonVariantStyl
 type IconButtonSizeConfig = {
     iconSize: IconSize;
     spinnerSize: string;
-}
+};
 
 const iconButtonSizeConfig: Record<ButtonSize, IconButtonSizeConfig> = {
     extraLarge: {
@@ -142,12 +142,12 @@ const getIconButtonColorStyles = (variant: ICON_BUTTON_VARIANTS) => {
 
         &:hover {
             ${backgroundHoverGradient
-        ? css`
+                    ? css`
                     background-image: ${backgroundHoverGradient};
                     background-color: ${backgroundColor};
                 `
-        : css`background-color: ${backgroundHoverColor};`
-}
+                    : css`background-color: ${backgroundHoverColor};`
+            }
             border-color: ${borderHoverColor || borderColor};
             color: ${iconColor};
         }
@@ -195,7 +195,7 @@ type IconButtonNodePropsMap = {
         element: HTMLButtonElement;
         props: RegularButtonProps;
     };
-}
+};
 
 export type IconButtonProps<T extends IconButtonNodeType> = RegularBoxProps & Pick<TransientButtonProps, 'size'> & {
     as?: T

package/src/components/link.stories.tsx

@@ -3,7 +3,7 @@ import type { ElementType } from 'react';
 
 import { Link, type LinkProps } from './link.js';
 
-// eslint-disable-next-line max-len
+// eslint-disable-next-line @stylistic/max-len
 const longText = 'This is a very long link text that might wrap to multiple lines depending on the container width. It is used to test how the Link component handles overflow and wrapping in different scenarios.';
 
 // Mock the UI dependencies provider for Storybook

package/src/components/message.tsx

@@ -59,7 +59,7 @@ const StyledMessage = styled(Box)<{ $boxless?: boolean, $hasCaption?: boolean }>
         }
 
         ${({ $hasCaption }) => ($hasCaption
-        ? css`
+            ? css`
             grid-template-areas:
                 'iconArea captionArea'
                 'descriptionArea descriptionArea';
@@ -152,7 +152,7 @@ type MessageProps = BoxProps & {
     as?: React.ElementType,
     dismissTrackingId?: string,
     actions?: ActionButtonProps[],
-}
+};
 
 /**
  * Component used to display larger messages that are part of the content of the application.

package/src/design_system/colors/build_color_tokens.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import-x/no-extraneous-dependencies
 import StyleDictionary from 'style-dictionary';
 
 const DO_NOT_EXPORT_COMMENT = `/**

package/src/design_system/typography_theme.ts

@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+/* eslint-disable @stylistic/max-len */
 export const typographyTokens = {
     shared: {
         mobile: {