@apify/ui-library 1.114.0 → 1.115.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apify/ui-library",
3
- "version": "1.114.0",
3
+ "version": "1.115.0",
4
4
  "description": "React UI library used by apify.com",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
@@ -64,5 +64,5 @@
64
64
  "src",
65
65
  "style"
66
66
  ],
67
- "gitHead": "bece55b2533ea1390656b9e9ee1e77ef1c973af4"
67
+ "gitHead": "cd7b5acd7fe19bfdde407407a8674c1d27b736df"
68
68
  }
@@ -16,7 +16,7 @@ export const messageClassNames = {
16
16
  main: 'Message',
17
17
  icon: 'icon',
18
18
  content: 'content',
19
- caption: 'caption',
19
+ caption: 'Message-Caption',
20
20
  description: 'description',
21
21
  dismiss: 'dismiss',
22
22
  actionsWrapper: 'actionsWrapper',
@@ -180,6 +180,9 @@ function TagWrapper<T extends TagNodeType>(
180
180
  ) {
181
181
  const component: React.ElementType = (as === 'a' ? Link : as ?? 'button');
182
182
 
183
+ // Map 'regular' tag size to 'small' text size for better visual balance when displayed next to small button
184
+ const textSize: SharedTextSize = size === 'regular' ? 'small' : size;
185
+
183
186
  return (
184
187
  <StyledTag
185
188
  as={component}
@@ -189,7 +192,7 @@ function TagWrapper<T extends TagNodeType>(
189
192
  {...props}
190
193
  >
191
194
  {LeadingIcon && <LeadingIcon size={TAG_ICON_SIZES[size]} />}
192
- {children && (<Text size={size} type={type} weight="medium">{children}</Text>)}
195
+ {children && (<Text size={textSize} type={type} weight="medium">{children}</Text>)}
193
196
  {TrailingIcon && <TrailingIcon size={TAG_ICON_SIZES[size]} />}
194
197
  </StyledTag>
195
198
  );