@apify/ui-library 1.100.3 → 1.100.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.100.3",
+    "version": "1.100.5",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -64,5 +64,5 @@
         "src",
         "style"
     ],
-    "gitHead": "c201c25d0a30f77296ee4d452261a39c157e4d97"
+    "gitHead": "c7ba8d76e4bc533cc77c3f7a4059d1c9cf608284"
 }

package/src/components/button.tsx

@@ -172,10 +172,10 @@ export const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations = {
         size: 32,
         horizontalPadding: 12,
         borderRadius: theme.radius.radius6,
-        iconSize: '16',
+        iconSize: '20',
     },
     small: {
-        typography: theme.typography.shared.mobile.bodyMMedium,
+        typography: theme.typography.shared.mobile.bodySMedium,
         size: 28,
         horizontalPadding: 8,
         borderRadius: theme.radius.radius6,
@@ -186,7 +186,7 @@ export const BUTTON_SIZE_VARIANTS_CSS: ButtonSizeCombinations = {
         size: 24,
         horizontalPadding: 6,
         borderRadius: theme.radius.radius6,
-        iconSize: '12',
+        iconSize: '16',
     },
 };
 

package/src/components/icon_button.tsx

@@ -66,8 +66,8 @@ type IconButtonSizeConfig = {
 
 const iconButtonSizeConfig: Record<ButtonSize, IconButtonSizeConfig> = {
     extraLarge: {
-        iconSize: '24',
-        spinnerSize: '2.4rem',
+        iconSize: '20',
+        spinnerSize: '2rem',
     },
     large: {
         iconSize: '20',

package/src/components/simple_markdown/simple_markdown.tsx

@@ -64,6 +64,10 @@ export const defaultAllowedElements = [
 const StyledMarkdown = styled(ReactMarkdown)`
     scroll-margin-top: 10px;
 
+    overflow: auto;
+    word-break: break-word;
+    white-space: pre-wrap;
+
     @font-face {
         font-family: "ellipsis-font";
         src: local("Courier");