@vkontakte/vkui 8.0.2 → 8.1.0

package/src/components/Pagination/PaginationPage/PaginationPageButton.tsx

@@ -13,13 +13,13 @@ import styles from './PaginationPage.module.css';
 export interface PaginationPageButtonOpts
   extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,
     Pick<PaginationProps, 'getPageLabel'> {
-  isCurrent?: boolean;
-  density?: DensityTypeValues;
+  isCurrent?: boolean | undefined;
+  density?: DensityTypeValues | undefined;
   children: number;
 }
 
 export interface PaginationPageButtonProps extends PaginationPageButtonOpts {
-  renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
+  renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
 }
 
 const getTappablePropsFromPaginationPage = (

package/src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx

@@ -11,7 +11,7 @@ import styles from './PaginationPage.module.css';
 export interface PaginationPageEllipsisProps
   extends React.HTMLAttributes<HTMLSpanElement>,
     HasRootRef<HTMLSpanElement> {
-  disabled?: boolean;
+  disabled?: boolean | undefined;
 }
 
 export const PaginationPageEllipsis = ({

package/src/components/Pagination/PaginationPage/usePaginationPageClasses.ts

@@ -6,12 +6,12 @@ import type { DensityTypeValues } from '../../../lib/adaptivity';
 import styles from './PaginationPage.module.css';
 
 export interface UsePaginationPageClassNamesProps {
-  isCurrent?: boolean;
-  disabled?: boolean;
+  isCurrent?: boolean | undefined;
+  disabled?: boolean | undefined;
 }
 
 export const getPaginationPageClassNames = (
-  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues },
+  opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues | undefined },
 ): string => {
   return classNames(
     styles.host,

package/src/components/Panel/Panel.tsx

@@ -41,7 +41,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
   /**
    * Центрирование содержимого.
    */
-  centered?: boolean;
+  centered?: boolean | undefined;
   /**
    * Тип оформления панели.
    *
@@ -53,11 +53,11 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
    * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.
    * Тип `plain` — соответствует фону по умолчанию.
    */
-  mode?: 'plain' | 'card';
+  mode?: 'plain' | 'card' | undefined;
   /**
    * Отключает задний фон.
    */
-  disableBackground?: boolean;
+  disableBackground?: boolean | undefined;
 }
 
 /**

package/src/components/PanelHeader/PanelHeader.module.css

@@ -96,11 +96,6 @@
   transition: opacity 0.3s var(--vkui--animation_easing_platform);
 }
 
-.ios .before .host + .primitive {
-  padding-inline-start: 0;
-  margin-inline-start: -6px;
-}
-
 .ios .content {
   text-align: center;
   opacity: 1;

package/src/components/PanelHeader/PanelHeader.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","viewWidthSmallTabletPlus","shadow","viewWidthNone","before","content","contentIn","after","ios","primitive","noBefore","noAfter","android","densityCompact","vkcom","densityNone","sep","hasSpacingDelimiter","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","viewWidthSmallTabletPlus","shadow","viewWidthNone","before","content","contentIn","after","ios","noBefore","noAfter","android","densityCompact","vkcom","densityNone","sep","hasSpacingDelimiter","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeader/PanelHeader.tsx

@@ -58,13 +58,13 @@ export interface PanelHeaderProps
   /**
    * Добавляет элемент слева.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Добавляет элемент справа.
    *
    * При передаче нескольких элементов, расставляет отступы между ними.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Тип разделителя под шапкой.
    *
@@ -75,35 +75,37 @@ export interface PanelHeaderProps
    * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`
    * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
    */
-  delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
+  delimiter?: 'auto' | 'none' | 'separator' | 'spacing' | undefined;
   /**
    * Прозрачный фон компонента.
    */
-  transparent?: boolean;
+  transparent?: boolean | undefined;
   /**
    * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.
    */
-  shadow?: boolean; // TODO [>=9]: удалить неиспользуемое свойство свойство
+  shadow?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство свойство
   /**
    * Высота шапки будет игнорироваться контентом панели.
    */
-  float?: boolean;
+  float?: boolean | undefined;
   /**
    * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * По умолчанию как `Component` используется `span`.
    */
-  typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
+  typographyProps?:
+    | (HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute)
+    | undefined;
 }
 
 /* eslint-disable jsdoc/require-jsdoc */
 interface PanelHeaderInProps {
-  before?: PanelHeaderProps['before'];
-  after?: PanelHeaderProps['after'];
-  children?: PanelHeaderProps['children'];
-  typographyProps?: PanelHeaderProps['typographyProps'];
+  before?: PanelHeaderProps['before'] | undefined;
+  after?: PanelHeaderProps['after'] | undefined;
+  children?: PanelHeaderProps['children'] | undefined;
+  typographyProps?: PanelHeaderProps['typographyProps'] | undefined;
 }
 /* eslint-enable jsdoc/require-jsdoc */
 

package/src/components/PanelHeaderBack/PanelHeaderBack.tsx

@@ -43,11 +43,11 @@ export type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {
   /**
    * Скрыть надпись на платформе `vkcom`.
    */
-  hideLabelOnVKCom?: boolean;
+  hideLabelOnVKCom?: boolean | undefined;
   /**
    * Скрыть надпись на платформе `ios`.
    */
-  hideLabelOnIOS?: boolean;
+  hideLabelOnIOS?: boolean | undefined;
 };
 
 const getBackIcon = (platform: PlatformType) => {

package/src/components/PanelHeaderButton/PanelHeaderButton.tsx

@@ -33,11 +33,11 @@ export interface PanelHeaderButtonProps extends Omit<TappableOmitProps, 'label'>
    * Флаг для обозначения первичной кнопки
    * Влияет на стилизацию кнопки.
    */
-  primary?: boolean;
+  primary?: boolean | undefined;
   /**
    * Текст или содержимое кнопки.
    */
-  label?: React.ReactNode; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.
+  label?: React.ReactNode | undefined; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.
 }
 
 interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
@@ -45,7 +45,7 @@ interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
    * Флаг для обозначения первичной кнопки
    * Наследуется от PanelHeaderButtonProps['primary'].
    */
-  primary?: PanelHeaderButtonProps['primary'];
+  primary?: PanelHeaderButtonProps['primary'] | undefined;
 }
 
 const ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {

package/src/components/PanelHeaderContent/PanelHeaderContent.tsx

@@ -26,15 +26,15 @@ export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLD
   /**
    * Компонент отображаемый после содержимого.
    */
-  aside?: React.ReactNode;
+  aside?: React.ReactNode | undefined;
   /**
    * Компонент отображаемый до содержимого.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Подпись под основным текстом.
    */
-  subtitle?: React.ReactNode;
+  subtitle?: React.ReactNode | undefined;
 }
 
 interface PanelHeaderChildrenProps extends HasChildren {

package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx

@@ -19,15 +19,15 @@ export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'labe
   /**
    * Включен ли режим редактирования.
    */
-  isActive?: boolean;
+  isActive?: boolean | undefined;
   /**
    * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.
    */
-  editLabel?: string;
+  editLabel?: string | undefined;
   /**
    * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.
    */
-  doneLabel?: string;
+  doneLabel?: string | undefined;
 }
 
 /**

package/src/components/PanelSpinner/PanelSpinner.tsx

@@ -6,7 +6,7 @@ export interface PanelSpinnerProps extends SpinnerProps {
   /**
    * Высота компонента.
    */
-  height?: number;
+  height?: number | undefined;
 }
 
 /**

package/src/components/Placeholder/Placeholder.tsx

@@ -11,11 +11,11 @@ export interface PlaceholderContainerProps
   /**
    * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
    */
-  stretched?: boolean;
+  stretched?: boolean | undefined;
   /**
    * Убирает отступы у компонента.
    */
-  noPadding?: boolean;
+  noPadding?: boolean | undefined;
 }
 
 const PlaceholderContainer = ({
@@ -64,15 +64,15 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
   /**
    * Иконка.
    */
-  icon?: React.ReactNode;
+  icon?: React.ReactNode | undefined;
   /**
    * Заголовок плейсхолдера.
    */
-  title?: React.ReactNode;
+  title?: React.ReactNode | undefined;
   /**
    * Кнопка действия.
    */
-  action?: React.ReactNode;
+  action?: React.ReactNode | undefined;
 }
 
 /**

package/src/components/PopoutWrapper/PopoutWrapper.tsx

@@ -28,7 +28,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
   /**
    * Позволяет сделать прозрачную подложку.
    */
-  noBackground?: boolean;
+  noBackground?: boolean | undefined;
   /**
    * Стратегия позиционирования:
    *
@@ -38,23 +38,23 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    *
    * @default 'fixed'
    */
-  strategy?: 'fixed' | 'absolute' | 'none';
+  strategy?: 'fixed' | 'absolute' | 'none' | undefined;
   /**
    * Выравнивает контент по горизонтали.
    */
-  alignX?: 'left' | 'center' | 'right';
+  alignX?: 'left' | 'center' | 'right' | undefined;
   /**
    * Выравнивает контент по вертикали.
    */
-  alignY?: 'top' | 'center' | 'bottom';
+  alignY?: 'top' | 'center' | 'bottom' | undefined;
   /**
    * Спрячет компонент через fade-out анимацию.
    */
-  closing?: boolean;
+  closing?: boolean | undefined;
   /**
    * Позволяет задать z-index через токен или числом.
    */
-  zIndex?: number | string;
+  zIndex?: number | string | undefined;
 }
 
 /**

package/src/components/Popover/Popover.tsx

@@ -88,11 +88,11 @@ export interface PopoverProps
    * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно
    * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.
    */
-  noStyling?: boolean;
+  noStyling?: boolean | undefined;
   /**
    * Позволяет набросить на стрелку пользовательские атрибуты.
    */
-  arrowProps?: PopoverArrowProps;
+  arrowProps?: PopoverArrowProps | undefined;
   /**
    * Пользовательская SVG иконка.
    *
@@ -106,15 +106,15 @@ export interface PopoverProps
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
    */
-  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
   /**
    * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Управление автоматическим фокусом при открытии всплывающего элемента.
    */
-  autoFocus?: boolean | 'root';
+  autoFocus?: boolean | 'root' | undefined;
 }
 
 /**

package/src/components/Popper/Popper.tsx

@@ -67,7 +67,7 @@ export interface PopperCommonProps
   /**
    * Позволяет набросить на стрелку пользовательские атрибуты.
    */
-  arrowProps?: FloatingArrowProps;
+  arrowProps?: FloatingArrowProps | undefined;
   /**
    * Пользовательская SVG иконка.
    *
@@ -81,15 +81,15 @@ export interface PopperCommonProps
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
    */
-  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
   /**
    * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.
    */
-  autoUpdateOnTargetResize?: boolean;
+  autoUpdateOnTargetResize?: boolean | undefined;
   /**
    * Пытаться обновлять позицию всплывающего элемента каждый фрейм.
    */
-  autoUpdateOnAnimationFrame?: boolean;
+  autoUpdateOnAnimationFrame?: boolean | undefined;
 }
 
 export interface PopperProps extends PopperCommonProps {
@@ -167,18 +167,20 @@ export const Popper = ({
     refs,
     middlewareData,
   } = useFloating({
-    placement: strictPlacement,
-    strategy: strategyProp,
+    ...(strictPlacement !== undefined && { placement: strictPlacement }),
+    ...(strategyProp !== undefined && { strategy: strategyProp }),
     middleware: middlewares,
-    whileElementsMounted: isLock
-      ? undefined
-      : (...args) => {
-          /* istanbul ignore next: не знаю как проверить */
-          return autoUpdateFloatingElement(...args, {
-            elementResize: autoUpdateOnTargetResize,
-            animationFrame: autoUpdateOnAnimationFrame,
-          });
-        },
+    ...(isLock
+      ? {}
+      : {
+          whileElementsMounted: (...args) => {
+            /* istanbul ignore next: не знаю как проверить */
+            return autoUpdateFloatingElement(...args, {
+              elementResize: autoUpdateOnTargetResize,
+              animationFrame: autoUpdateOnAnimationFrame,
+            });
+          },
+        }),
   });
 
   usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);

package/src/components/Progress/Progress.tsx

@@ -24,19 +24,19 @@ export interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement>
   /**
    * Стиль отображения прогрессбара.
    */
-  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}`;
+  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}` | undefined;
   /**
    * Значение прогресса.
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * Высота элемента.
    */
-  height?: number;
+  height?: number | undefined;
   /**
    * Сделать прогрессбар прозрачным.
    */
-  trackDisable?: boolean;
+  trackDisable?: boolean | undefined;
 }
 
 const PROGRESS_MIN_VALUE = 0;

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -39,9 +39,9 @@ export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
   /**
    * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`.
    */
-  isFetching?: boolean;
+  isFetching?: boolean | undefined;
   /** @ignore */
-  scroll?: ScrollContextInterface;
+  scroll?: ScrollContextInterface | undefined;
 }
 
 /**

package/src/components/PullToRefresh/PullToRefreshSpinner.tsx

@@ -12,10 +12,10 @@ function calcStrokeDashOffset(value: number, radius: number) {
 }
 
 export interface PullToRefreshSpinnerProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
-  size?: number;
-  strokeWidth?: number;
-  on?: boolean;
-  progress?: number;
+  size?: number | undefined;
+  strokeWidth?: number | undefined;
+  on?: boolean | undefined;
+  progress?: number | undefined;
 }
 
 export const PullToRefreshSpinner = ({

package/src/components/Radio/Radio.tsx

@@ -41,30 +41,36 @@ export interface RadioProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `input`: свойства для прокидывания в скрытый `input`.
    */
-  slotProps?: {
-    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
-      HasRootRef<HTMLLabelElement> &
-      HasDataAttribute;
-    input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
+              HasRootRef<HTMLLabelElement> &
+              HasDataAttribute)
+          | undefined;
+        input?:
+          | (React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
    */
-  getRef?: React.Ref<HTMLInputElement>;
+  getRef?: React.Ref<HTMLInputElement> | undefined;
   /**
    * Дополнительное описание под основным текстом.
    */
-  description?: React.ReactNode;
+  description?: React.ReactNode | undefined;
   /**
    * Элемент после основного текста.
    */
-  titleAfter?: React.ReactNode;
+  titleAfter?: React.ReactNode | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ root: {...} }`.
    *
    * Позволяет передавать data-* аттрибуты элементу label.
    **/
-  labelProps?: HasDataAttribute;
+  labelProps?: HasDataAttribute | undefined;
 }
 
 /**
@@ -120,7 +126,7 @@ export const Radio = ({
       ...labelProps,
       ...restProps,
     },
-    slotProps?.root,
+    slotProps?.root ?? undefined,
   );
 
   const inputRest = useMergeProps(
@@ -140,7 +146,7 @@ export const Radio = ({
       onFocus,
       onBlur,
     },
-    slotProps?.input,
+    slotProps?.input ?? undefined,
   );
 
   return (

package/src/components/Radio/RadioInput/RadioInput.tsx

@@ -60,18 +60,24 @@ export interface RadioInputProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `input`: свойства для прокидывания в скрытый `input`.
    */
-  slotProps?: {
-    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
-      HasRootRef<HTMLLabelElement> &
-      HasDataAttribute;
-    input?: Omit<React.ComponentProps<'input'>, 'type'> &
-      HasRootRef<HTMLInputElement> &
-      HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
+              HasRootRef<HTMLLabelElement> &
+              HasDataAttribute)
+          | undefined;
+        input?:
+          | (Omit<React.ComponentProps<'input'>, 'type'> &
+              HasRootRef<HTMLInputElement> &
+              HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
    */
-  getRef?: React.Ref<HTMLInputElement>;
+  getRef?: React.Ref<HTMLInputElement> | undefined;
 }
 
 export function RadioInput({

package/src/components/RadioGroup/RadioGroup.tsx

@@ -8,7 +8,7 @@ export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElemen
   /**
    * Режим расположения элементов.
    */
-  mode?: 'vertical' | 'horizontal';
+  mode?: 'vertical' | 'horizontal' | undefined;
 }
 
 /**

package/src/components/Removable/Removable.module.css

@@ -43,10 +43,6 @@
   align-self: flex-start;
 }
 
-.disabled {
-  opacity: var(--vkui--opacity_disable);
-}
-
 /**
  * iOS
  */

package/src/components/Removable/Removable.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","disabled","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAC,a,WAhBA;AAAA,E,aAoBAC,K,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAgCAC,K,WAhCA;AAAA,E,aAgCKD,Q,WAhCL;AAAA,E,aAgCYE,a,WAhCZ;AAAA,E,aAiCAF,Q,WAjCA;AAAA,E,aAiCOE,a,WAjCP;AAAA,E,aAqCAD,K,WArCA;AAAA,E,aAqCKD,Q,WArCL;AAAA,E,aAqCYE,a,WArCZ;AAAA,E,aAyCAC,Y,WAzCA;AAAA,E,aAyCYH,Q,WAzCZ;AAAA,E,aA6CAI,U,WA7CA;AAAA,E,aAoDAH,K,WApDA;AAAA,E,aAwDAI,Q,WAxDA;AAAA,E,aAuEAC,U,WAvEA;AAAA,E,aA+EAC,Q,WA/EA;AAAA,E,aAwFAC,U,WAxFA;AAAA,E,aAmGAA,U,WAnGA;AAAA,E,aA2GAA,U,WA3GA;AAAA,E,aAoHAP,K,WApHA;AAAA,E,aAoHKJ,S,WApHL;AAAA,E,aAyHAY,Q,WAzHA;AAAA,E,aAyHQT,Q,WAzHR;AAAA,E,aAoI0CH,S,WApI1C;AAAA,E,aAuIEA,S,WAvIF;AAAA,E,aA4IAa,Q,WA5IA;AAAA,E,aAiJoFA,Q,WAjJpF;AAAA,E,aAsJIA,Q,WAtJJ;AAAA,E,aAgKIA,Q,WAhKJ;AAAA,E,aAqKIA,Q,WArKJ;AAAA,E,aA8KQA,Q,WA9KR;AAAA,E,aAmLQA,Q,WAnLR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAC,a,WAhBA;AAAA,E,aAoBAC,K,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAgCAC,K,WAhCA;AAAA,E,aAgCKD,Q,WAhCL;AAAA,E,aAgCYE,a,WAhCZ;AAAA,E,aAiCAF,Q,WAjCA;AAAA,E,aAiCOE,a,WAjCP;AAAA,E,aAqCAD,K,WArCA;AAAA,E,aAqCKD,Q,WArCL;AAAA,E,aAqCYE,a,WArCZ;AAAA,E,aAyCAC,Y,WAzCA;AAAA,E,aAyCYH,Q,WAzCZ;AAAA,E,aAgDAC,K,WAhDA;AAAA,E,aAoDAG,Q,WApDA;AAAA,E,aAmEAC,U,WAnEA;AAAA,E,aA2EAC,Q,WA3EA;AAAA,E,aAoFAC,U,WApFA;AAAA,E,aA+FAA,U,WA/FA;AAAA,E,aAuGAA,U,WAvGA;AAAA,E,aAgHAN,K,WAhHA;AAAA,E,aAgHKJ,S,WAhHL;AAAA,E,aAqHAW,Q,WArHA;AAAA,E,aAqHQR,Q,WArHR;AAAA,E,aAgI0CH,S,WAhI1C;AAAA,E,aAmIEA,S,WAnIF;AAAA,E,aAwIAY,Q,WAxIA;AAAA,E,aA6IoFA,Q,WA7IpF;AAAA,E,aAkJIA,Q,WAlJJ;AAAA,E,aA4JIA,Q,WA5JJ;AAAA,E,aAiKIA,Q,WAjKJ;AAAA,E,aA0KQA,Q,WA1KR;AAAA,E,aA+KQA,Q,WA/KR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}