@alfalab/core-components 41.17.0-beta.11 → 41.17.0-beta.13

package/confirmation/components/base-confirmation/component.js

@@ -16,7 +16,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-daf7b2c5.js');
+require('../../countdown-section-0260459f.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/base-confirmation/index.js

@@ -14,7 +14,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-daf7b2c5.js');
+require('../../countdown-section-0260459f.js');
 require('../../../loader');
 require('../screens/hint/component.js');
 require('../screens/fatal-error/component.js');

package/confirmation/components/index.js

@@ -15,7 +15,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-daf7b2c5.js');
+require('../countdown-section-0260459f.js');
 require('../../loader');
 
 

package/confirmation/components/screens/index.js

@@ -14,7 +14,7 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils.js');
 require('../header/component.js');
-require('../../countdown-section-daf7b2c5.js');
+require('../../countdown-section-0260459f.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

package/confirmation/components/screens/initial/component.js

@@ -9,7 +9,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-daf7b2c5.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-0260459f.js');
 require('../../../utils.js');
 require('../../../../loader');
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../loader');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-daf7b2c5.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-0260459f.js');
 
 
 

package/confirmation/components/screens/initial/index.js

@@ -11,7 +11,7 @@ require('@alfalab/hooks');
 require('../../../context.js');
 require('../../../utils.js');
 require('../../header/component.js');
-require('../../../countdown-section-daf7b2c5.js');
+require('../../../countdown-section-0260459f.js');
 require('../../../../loader');
 
 

package/confirmation/desktop.js

@@ -15,7 +15,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-daf7b2c5.js');
+require('./countdown-section-0260459f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/esm/component.desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/component.responsive.js

@@ -11,7 +11,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-43894a81.js';
+import '../../countdown-section-7cf2db80.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 

package/confirmation/esm/components/base-confirmation/index.js

@@ -9,7 +9,7 @@ import '../../../../code-input/esm';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-43894a81.js';
+import '../../countdown-section-7cf2db80.js';
 import '../../../../loader/esm';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/esm/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-43894a81.js';
+import '../countdown-section-7cf2db80.js';
 import '../../../loader/esm';
 import '../utils.js';

package/confirmation/esm/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-43894a81.js';
+import '../../countdown-section-7cf2db80.js';
 import '../../../../loader/esm';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-43894a81.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7cf2db80.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';
 

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../loader/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-43894a81.js';
+export { C as CountdownSection } from '../../../countdown-section-7cf2db80.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-43894a81.js';
+import '../../../countdown-section-7cf2db80.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';

package/confirmation/esm/desktop.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/index.js

@@ -19,5 +19,5 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';

package/confirmation/esm/mobile.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/responsive.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-43894a81.js';
+import './countdown-section-7cf2db80.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/index.js

@@ -21,7 +21,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-daf7b2c5.js');
+require('./countdown-section-0260459f.js');
 require('../loader');
 
 

package/confirmation/mobile.js

@@ -15,7 +15,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-daf7b2c5.js');
+require('./countdown-section-0260459f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/modern/component.desktop.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/component.mobile.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/component.responsive.js

@@ -10,7 +10,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -13,7 +13,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-328f71b6.js';
+import '../../countdown-section-74bc3cb6.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 

package/confirmation/modern/components/base-confirmation/index.js

@@ -8,7 +8,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-328f71b6.js';
+import '../../countdown-section-74bc3cb6.js';
 import '../../../../loader/modern';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/modern/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-328f71b6.js';
+import '../countdown-section-74bc3cb6.js';
 import '../../../loader/modern';
 import '../utils.js';

package/confirmation/modern/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-328f71b6.js';
+import '../../countdown-section-74bc3cb6.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-328f71b6.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-74bc3cb6.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';
 

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../loader/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-328f71b6.js';
+export { C as CountdownSection } from '../../../countdown-section-74bc3cb6.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-328f71b6.js';
+import '../../../countdown-section-74bc3cb6.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

package/confirmation/modern/desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/index.js

@@ -18,5 +18,5 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-328f71b6.js';
+import './countdown-section-74bc3cb6.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-daf7b2c5.js');
+require('./countdown-section-0260459f.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/custom-picker-button/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-0ae5fd84";
+import { BottomSheetProps } from "./types-2388e718";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/cssm/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-0ae5fd84";
+import { BottomSheetProps } from "./types-2388e718";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-2388e718";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/cssm/{types-0ae5fd84.d.ts → types-2388e718.d.ts}

@@ -228,9 +228,13 @@ type BottomSheetProps = {
      */
     onBack?: () => void;
     /**
-     * Вызывается после притягивания к одной из `magneticAreas`
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/custom-picker-button/esm/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-0ae5fd84";
+import { BottomSheetProps } from "./types-2388e718";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-2388e718";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/esm/{types-0ae5fd84.d.ts → types-2388e718.d.ts}

@@ -228,9 +228,13 @@ type BottomSheetProps = {
      */
     onBack?: () => void;
     /**
-     * Вызывается после притягивания к одной из `magneticAreas`
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/custom-picker-button/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-2388e718";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/modern/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-0ae5fd84";
+import { BottomSheetProps } from "./types-2388e718";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-2388e718";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/{types-0ae5fd84.d.ts → modern/types-2388e718.d.ts}

@@ -228,9 +228,13 @@ type BottomSheetProps = {
      */
     onBack?: () => void;
     /**
-     * Вызывается после притягивания к одной из `magneticAreas`
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/custom-picker-button/{modern/types-0ae5fd84.d.ts → types-2388e718.d.ts}

@@ -228,9 +228,13 @@ type BottomSheetProps = {
      */
     onBack?: () => void;
     /**
-     * Вызывается после притягивания к одной из `magneticAreas`
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: () => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/date-time-input/components/date-time-input/Component.d.ts

@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;

package/date-time-input/cssm/components/date-time-input/Component.d.ts

@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;

package/date-time-input/esm/components/date-time-input/Component.d.ts

@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;

package/date-time-input/modern/components/date-time-input/Component.d.ts

@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
         open: boolean;
         title?: string | undefined;
         onClose?: (() => void) | undefined;
+        onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         hasHeader?: boolean | undefined;
         allowSelectionFromEmptyRange?: boolean | undefined;

package/dropzone/cssm/index.module.css

@@ -12,14 +12,14 @@
 
     /* Hard up */
 } :root {
-    --border-radius-s: 4px;
+    --border-radius-l: 12px;
 } :root {
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
 } :root {
     --dropzone-active-bg: transparent;
-    --dropzone-border-radius: var(--border-radius-s);
+    --dropzone-border-radius: var(--border-radius-l);
 } .component {
     display: inline-block;
     position: relative;

package/dropzone/esm/index.css

@@ -13,14 +13,14 @@
 
     /* Hard up */
 } :root {
-    --border-radius-s: 4px;
+    --border-radius-l: 12px;
 } :root {
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
 } :root {
     --dropzone-active-bg: transparent;
-    --dropzone-border-radius: var(--border-radius-s);
+    --dropzone-border-radius: var(--border-radius-l);
 } .dropzone__component_1xrrw {
     display: inline-block;
     position: relative;

package/dropzone/index.css

@@ -13,14 +13,14 @@
 
     /* Hard up */
 } :root {
-    --border-radius-s: 4px;
+    --border-radius-l: 12px;
 } :root {
 } :root {
 } :root {
     --disabled-cursor: not-allowed;
 } :root {
     --dropzone-active-bg: transparent;
-    --dropzone-border-radius: var(--border-radius-s);
+    --dropzone-border-radius: var(--border-radius-l);
 } .dropzone__component_1xrrw {
     display: inline-block;
     position: relative;