@vkontakte/vkui 5.8.2 → 5.9.0

package/dist/cssm/components/ScrollArrow/ScrollArrow.module.css

@@ -4,17 +4,27 @@
      -moz-user-select: auto;
       -ms-user-select: auto;
           user-select: auto;
-  height: 100%;
   padding: 0;
   border: 0;
   background-color: transparent;
   transition: opacity 0.15s;
   transition-timing-function: var(--vkui--animation_easing_platform);
   display: flex;
-  flex-direction: column;
   justify-content: center;
 }
 
+.ScrollArrow--direction-left,
+.ScrollArrow--direction-right {
+  height: 100%;
+  flex-direction: column;
+}
+
+.ScrollArrow--direction-up,
+.ScrollArrow--direction-down {
+  width: 100%;
+  flex-direction: row;
+}
+
 .ScrollArrow__icon {
   position: relative;
   background-color: var(--vkui--color_background_modal);
@@ -46,3 +56,25 @@
   padding-right: var(--vkui--size_base_padding_horizontal--regular, 16px);
   right: 0;
 }
+
+.ScrollArrow--direction-up {
+  padding-top: var(--vkui--size_base_padding_horizontal--regular, 16px);
+  top: 0;
+}
+
+.ScrollArrow--direction-down {
+  padding-bottom: var(--vkui--size_base_padding_horizontal--regular, 16px);
+  bottom: 0;
+}
+
+.ScrollArrow--direction-left .ScrollArrow__defaultIcon {
+  transform: rotate(180deg);
+}
+
+.ScrollArrow--direction-up .ScrollArrow__defaultIcon {
+  transform: rotate(-90deg);
+}
+
+.ScrollArrow--direction-down .ScrollArrow__defaultIcon {
+  transform: rotate(90deg);
+}

package/dist/cssm/components/Search/Search.d.ts

@@ -21,3 +21,4 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
  * @see https://vkcom.github.io/VKUI/#/Search
  */
 export declare const Search: ({ before, className, defaultValue, placeholder, after, getRef, icon, onIconClick, style, autoComplete, onChange: onChangeProp, value: valueProp, iconAriaLabel, clearAriaLabel, noPadding, getRootRef, ...inputProps }: SearchProps) => React.JSX.Element;
+//# sourceMappingURL=Search.d.ts.map

package/dist/cssm/components/Search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,2NAkBhB,WAAW,sBAoIb,CAAC"}

package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts

@@ -17,3 +17,4 @@ export interface SegmentedControlProps extends Omit<HTMLAttributesWithRootRef<HT
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
  */
 export declare const SegmentedControl: ({ size, name, options, defaultValue, children, onChange: onChangeProp, value: valueProp, ...restProps }: SegmentedControlProps) => React.JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnE,OAAO,EAAE,+BAA+B,EAAE,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAID;;GAEG;AACH,eAAO,MAAM,gBAAgB,4GAS1B,qBAAqB,sBAyDvB,CAAC"}

package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts

@@ -6,3 +6,4 @@ export interface SegmentedControlOptionProps extends React.InputHTMLAttributes<H
  * @see https://vkcom.github.io/VKUI/#/SegmentedControl
  */
 export declare const SegmentedControlOption: ({ getRef, className, style, children, getRootRef, ...restProps }: SegmentedControlOptionProps) => React.JSX.Element;
+//# sourceMappingURL=SegmentedControlOption.d.ts.map

package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMpD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC;CAAG;AAE/B;;GAEG;AACH,eAAO,MAAM,sBAAsB,qEAOhC,2BAA2B,sBA2B7B,CAAC"}

package/dist/cssm/components/Select/Select.d.ts

@@ -5,3 +5,4 @@ export type SelectType = 'default' | 'plain' | 'accent';
  * @see https://vkcom.github.io/VKUI/#/Select
  */
 export declare const Select: ({ children, ...props }: SelectProps) => React.JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/cssm/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGzE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,MAAM,2BAA4B,WAAW,sBAyCzD,CAAC"}

package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts

@@ -11,3 +11,4 @@ export interface SelectMimicryProps extends HTMLAttributesWithRootRef<HTMLElemen
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
  */
 export declare const SelectMimicry: ({ tabIndex, placeholder, children, align, getRootRef, multiline, disabled, onClick, before, after, selectType, status, className, autoFocus, ...restProps }: SelectMimicryProps) => React.JSX.Element;
+//# sourceMappingURL=SelectMimicry.d.ts.map

package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMimicry.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AASnD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,gKAgBvB,kBAAkB,sBAqCpB,CAAC"}

package/dist/cssm/components/SelectTypography/SelectTypography.d.ts

@@ -8,3 +8,4 @@ export interface SelectTypographyProps extends HTMLAttributesWithRootRef<HTMLSpa
  * @private
  */
 export declare const SelectTypography: ({ selectType, children, ...restProps }: SelectTypographyProps) => React.JSX.Element;
+//# sourceMappingURL=SelectTypography.d.ts.map

package/dist/cssm/components/SelectTypography/SelectTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTypography/SelectTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,eAAe,CAAC,EAChD,WAAW;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,2CAI1B,qBAAqB,sBAMvB,CAAC"}

package/dist/cssm/components/Separator/Separator.d.ts

@@ -10,3 +10,4 @@ export interface SeparatorProps extends HTMLAttributesWithRootRef<HTMLDivElement
  * @see https://vkcom.github.io/VKUI/#/Separator
  */
 export declare const Separator: ({ wide, ...restProps }: SeparatorProps) => React.JSX.Element;
+//# sourceMappingURL=Separator.d.ts.map

package/dist/cssm/components/Separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC/E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,2BAA4B,cAAc,sBAO/D,CAAC"}

package/dist/cssm/components/Separator/Separator.module.css

@@ -2,20 +2,8 @@
   color: var(--vkui--color_separator_primary);
 }
 
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  .Separator {
-    color: var(--vkui--color_separator_primary2x);
-  }
-}
-
-@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
-  .Separator {
-    color: var(--vkui--color_separator_primary3x);
-  }
-}
-
 .Separator__in {
-  height: var(--vkui_internal--thin_border);
+  height: var(--vkui--size_border--regular);
   margin: 0;
   background: currentColor;
   color: inherit;

package/dist/cssm/components/SimpleCell/Chevron/Chevron.d.ts

@@ -3,3 +3,4 @@ export interface ChevronProps extends Omit<React.SVGProps<SVGSVGElement>, 'width
     size?: 's' | 'm';
 }
 export declare const Chevron: ({ size, ...restProps }: ChevronProps) => React.JSX.Element;
+//# sourceMappingURL=Chevron.d.ts.map

package/dist/cssm/components/SimpleCell/Chevron/Chevron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.d.ts","sourceRoot":"","sources":["../../../../../src/components/SimpleCell/Chevron/Chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3F,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,2BAAkC,YAAY,sBAIjE,CAAC"}

package/dist/cssm/components/SimpleCell/SimpleCell.d.ts

@@ -65,3 +65,4 @@ export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
  * @see https://vkcom.github.io/VKUI/#/SimpleCell
  */
 export declare const SimpleCell: ({ badgeBeforeTitle, badgeAfterTitle, badgeBeforeSubtitle, badgeAfterSubtitle, before, indicator, children, after, expandable, multiline, subhead, subtitle, extraSubtitle, className, chevronSize, ...restProps }: SimpleCellProps) => React.JSX.Element;
+//# sourceMappingURL=SimpleCell.d.ts.map

package/dist/cssm/components/SimpleCell/SimpleCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleCell.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAc/D,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,aAAa;CAAG;AAE7E;;GAEG;AACH,eAAO,MAAM,UAAU,sNAiBpB,eAAe,sBAuFjB,CAAC"}

package/dist/cssm/components/SimpleCell/SimpleCell.module.css

@@ -23,7 +23,7 @@
   padding-top: 6px;
   padding-bottom: 6px;
   padding-right: 12px;
-  color: var(--vkui--color_icon_accent);
+  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));
 }
 
 /* stylelint-disable-next-line @project-tools/stylelint-atomic -- добиваем отступ до 16px */
@@ -118,7 +118,7 @@
   flex-shrink: 0;
   display: flex;
   align-items: center;
-  color: var(--vkui--color_icon_accent);
+  color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));
 }
 
 .SimpleCell__after > :global(.vkuiIcon) {
@@ -129,7 +129,7 @@
   padding-right: 2px;
 }
 
-.SimpleCell__after .SimpleCell__chevronIcon {
+.SimpleCell__chevronIcon {
   color: var(--vkui--color_icon_tertiary);
   padding-left: 12px;
 }

package/dist/cssm/components/Slider/Slider.d.ts

@@ -44,3 +44,4 @@ export interface SliderMultipleProps extends SliderBaseProps {
  * @see https://vkcom.github.io/VKUI/#/Slider
  */
 export declare const Slider: ({ step, min, max, value: valueProp, multiple: multipleProp, defaultValue, disabled, className, getRootRef, getAriaLabel, getAriaValueText, onChange, withTooltip, ...restProps }: SliderProps | SliderMultipleProps) => React.JSX.Element;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/cssm/components/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAS,KAAK,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AAoBhF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAC9F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;;OAMG;IACH,gBAAgB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,qLAgBhB,WAAW,GAAG,mBAAmB,sBAmMnC,CAAC"}

package/dist/cssm/components/Slider/SliderThumb/SliderThumb.d.ts

@@ -8,3 +8,4 @@ interface SliderThumbProps extends HasRootRef<HTMLSpanElement>, HasDataAttribute
 }
 export declare const SliderThumb: ({ className, getRootRef, inputProps, withTooltip, ...restProps }: SliderThumbProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=SliderThumb.d.ts.map

package/dist/cssm/components/Slider/SliderThumb/SliderThumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKnE,UAAU,gBAAiB,SAAQ,UAAU,CAAC,eAAe,CAAC,EAAE,gBAAgB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GACtD,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GACrC,gBAAgB,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,qEAMrB,gBAAgB,sBA2FlB,CAAC"}

package/dist/cssm/components/Slider/helpers.d.ts

@@ -15,3 +15,4 @@ export declare const extractSliderAriaAttributesFromRestProps: <T extends React.
     'aria-valuetext': undefined;
     'aria-labelledby': undefined;
 };
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cssm/components/Slider/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,SAAS,MAAO,MAAM,OAAO,MAAM,OAAO,MAAM,WAAoC,CAAC;AAElG,eAAO,MAAM,aAAa,WAChB,MAAM,SACP,MAAM,OACR,MAAM,OACN,MAAM,SACJ,MAAM,WAGd,CAAC;AAYF,eAAO,MAAM,wBAAwB,6CAExB,MAAM,OACZ,MAAM,OACN,MAAM,YACD,oBAAoB,GAAG,IAAI,uBAqBtC,CAAC;AAEF,eAAO,MAAM,sCAAsC,6CAEtC,MAAM,YACP,oBAAoB,GAAG,IAAI,uBAYtC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAErF;AAED,eAAO,MAAM,aAAa,6CAEb,MAAM,QACX,oBAAoB,GAAG,IAAI,oBAelC,CAAC;AAEF,eAAO,MAAM,8BAA8B,qFAY1C,CAAC;AAQF,eAAO,MAAM,wCAAwC;;;;;;;CAOpD,CAAC"}

package/dist/cssm/components/Slider/types.d.ts

@@ -5,3 +5,4 @@ export interface InternalGestureRef {
     startX: number;
     containerWidth: number;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/cssm/components/Slider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CACxB"}

package/dist/cssm/components/Slider/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Slider/types.ts"],"sourcesContent":["export type InternalValueState = [number, number | null];\n\nexport type InternalDraggingType = 'start' | 'end';\n\nexport interface InternalGestureRef {\n  dragging: InternalDraggingType | null;\n  startX: number;\n  containerWidth: number;\n}\n"],"names":[],"mappings":"AAAA,WAQC"}
+{"version":3,"sources":["../../../../src/components/Slider/types.ts"],"sourcesContent":["export type InternalValueState = [number, number | null];\n\nexport type InternalDraggingType = 'start' | 'end';\n\nexport interface InternalGestureRef {\n  dragging: InternalDraggingType | null;\n  startX: number;\n  containerWidth: number;\n}\n"],"names":[],"mappings":"AAIA,WAIC"}

package/dist/cssm/components/Snackbar/Snackbar.d.ts

@@ -52,3 +52,4 @@ export interface SnackbarProps extends HTMLAttributesWithRootRef<HTMLElement> {
  * @see https://vkcom.github.io/VKUI/#/Snackbar
  */
 export declare const Snackbar: ({ children, layout: layoutProps, action, before, after, duration, onActionClick, onClose, mode, subtitle, offsetY, style, ...restProps }: SnackbarProps) => React.JSX.Element;
+//# sourceMappingURL=Snackbar.d.ts.map

package/dist/cssm/components/Snackbar/Snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAcxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE9C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,6IAclB,aAAa,sBAoKf,CAAC"}

package/dist/cssm/components/Spacing/Spacing.d.ts

@@ -10,3 +10,4 @@ export interface SpacingProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/Spacing
  */
 export declare const Spacing: ({ size, style: styleProp, ...restProps }: SpacingProps) => React.JSX.Element;
+//# sourceMappingURL=Spacing.d.ts.map

package/dist/cssm/components/Spacing/Spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,6CAAkD,YAAY,sBAQjF,CAAC"}

package/dist/cssm/components/Spinner/Spinner.d.ts

@@ -8,3 +8,4 @@ export interface SpinnerProps extends HTMLAttributesWithRootRef<HTMLSpanElement>
  * @see https://vkcom.github.io/VKUI/#/Spinner
  */
 export declare const Spinner: React.MemoExoticComponent<({ size, children, "aria-label": ariaLabel, disableAnimation, ...restProps }: SpinnerProps) => React.JSX.Element>;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/cssm/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC9E,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD;;GAEG;AACH,eAAO,MAAM,OAAO,0GAQf,YAAY,uBAkDhB,CAAC"}

package/dist/cssm/components/SplitCol/SplitCol.d.ts

@@ -28,3 +28,4 @@ export interface SplitColProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/SplitCol
  */
 export declare const SplitCol: (props: SplitColProps) => React.JSX.Element;
+//# sourceMappingURL=SplitCol.d.ts.map

package/dist/cssm/components/SplitCol/SplitCol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitCol.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAyCxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAwD5C,CAAC"}

package/dist/cssm/components/SplitCol/SplitColContext.d.ts

@@ -5,3 +5,4 @@ export interface SplitColContextProps {
 }
 export declare const SplitColContext: React.Context<SplitColContextProps>;
 export declare const useSplitCol: () => SplitColContextProps;
+//# sourceMappingURL=SplitColContext.d.ts.map

package/dist/cssm/components/SplitCol/SplitColContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitColContext.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitCol/SplitColContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,qCAG1B,CAAC;AAEH,eAAO,MAAM,WAAW,4BAA0C,CAAC"}

package/dist/cssm/components/SplitLayout/SplitLayout.d.ts

@@ -15,3 +15,4 @@ export interface SplitLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @see https://vkcom.github.io/VKUI/#/SplitLayout
  */
 export declare const SplitLayout: ({ popout, modal, header, children, getRootRef, getRef, className, ...restProps }: SplitLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=SplitLayout.d.ts.map

package/dist/cssm/components/SplitLayout/SplitLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIhE,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,qFASrB,gBAAgB,sBA2BlB,CAAC"}

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts

@@ -8,3 +8,4 @@ export interface SubnavigationBarProps extends HTMLAttributesWithRootRef<HTMLDiv
  * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
  */
 export declare const SubnavigationBar: ({ mode, children, showArrows, getScrollToLeft, getScrollToRight, scrollAnimationDuration, ...restProps }: SubnavigationBarProps) => React.JSX.Element;
+//# sourceMappingURL=SubnavigationBar.d.ts.map

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,qBAAqB,EAEtB,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CACF,qBAAqB,EACrB,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,yBAAyB,CAClF;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7B;AAMD;;GAEG;AACH,eAAO,MAAM,gBAAgB,6GAQ1B,qBAAqB,sBAqCvB,CAAC"}

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts

@@ -23,3 +23,4 @@ export interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {
  * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
  */
 export declare const SubnavigationButton: ({ mode, appearance, size, selected, textLevel, before, after, expandable, children, className, ...restProps }: SubnavigationButtonProps) => React.JSX.Element;
+//# sourceMappingURL=SubnavigationButton.d.ts.map

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubnavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AA2B/D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1C,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD;;GAEG;AACH,eAAO,MAAM,mBAAmB,kHAY7B,wBAAwB,sBAgC1B,CAAC"}

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.module.css

@@ -110,7 +110,7 @@
 }
 
 .SubnavigationButton--mode-outline {
-  box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha);
+  box-shadow: inset 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha);
 }
 
 /**

package/dist/cssm/components/Switch/Switch.d.ts

@@ -6,3 +6,4 @@ export interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement>
  * @see https://vkcom.github.io/VKUI/#/Switch
  */
 export declare const Switch: ({ style, className, getRootRef, getRef, ...restProps }: SwitchProps) => React.JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/cssm/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAUjD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,gBAAgB,CAAC,EAC5B,MAAM,CAAC,gBAAgB,CAAC;CAAG;AAE/B;;GAEG;AACH,eAAO,MAAM,MAAM,2DAA4D,WAAW,sBA8BzF,CAAC"}

package/dist/cssm/components/Tabbar/Tabbar.d.ts

@@ -14,3 +14,4 @@ export interface TabbarProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
  * @see https://vkcom.github.io/VKUI/#/Tabbar
  */
 export declare const Tabbar: ({ shadow, mode, ...restProps }: TabbarProps) => React.JSX.Element;
+//# sourceMappingURL=Tabbar.d.ts.map

package/dist/cssm/components/Tabbar/Tabbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CAC3C;AAkBD;;GAEG;AACH,eAAO,MAAM,MAAM,mCAA2C,WAAW,sBAexE,CAAC"}

package/dist/cssm/components/Tabbar/Tabbar.module.css

@@ -28,7 +28,7 @@
   position: absolute;
   left: 0;
   width: 100%;
-  height: var(--vkui_internal--thin_border);
+  height: var(--vkui--size_border--regular);
   background: var(--vkui--color_separator_primary_alpha);
   content: '';
 }

package/dist/cssm/components/TabbarItem/TabbarItem.d.ts

@@ -15,3 +15,4 @@ export interface TabbarItemProps extends React.AllHTMLAttributes<HTMLElement>, H
  * @see https://vkcom.github.io/VKUI/#/TabbarItem
  */
 export declare const TabbarItem: ({ children, selected, indicator, text, href, Component, disabled, ...restProps }: TabbarItemProps) => React.JSX.Element;
+//# sourceMappingURL=TabbarItem.d.ts.map

package/dist/cssm/components/TabbarItem/TabbarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMvD,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,qFASpB,eAAe,sBAkDjB,CAAC"}

package/dist/cssm/components/Tabs/Tabs.d.ts

@@ -12,3 +12,4 @@ export declare const TabsModeContext: React.Context<TabsContextProps>;
  * @see https://vkcom.github.io/VKUI/#/Tabs
  */
 export declare const Tabs: ({ children, mode, role, ...restProps }: TabsProps) => React.JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/cssm/components/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;CAC3C;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,iCAG1B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,IAAI,2CAAoE,SAAS,sBAuH7F,CAAC"}

package/dist/cssm/components/TabsItem/TabsItem.d.ts

@@ -29,3 +29,4 @@ export interface TabsItemProps extends HTMLAttributesWithRootRef<HTMLElement> {
  * @see https://vkcom.github.io/VKUI/#/TabsItem
  */
 export declare const TabsItem: ({ before, children, status, after, selected, className, role, tabIndex: tabIndexProp, ...restProps }: TabsItemProps) => React.JSX.Element;
+//# sourceMappingURL=TabsItem.d.ts.map

package/dist/cssm/components/TabsItem/TabsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsItem/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAmBxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IAC3E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,yGAUlB,aAAa,sBA6Ef,CAAC"}

package/dist/cssm/components/TabsItem/TabsItem.module.css

@@ -89,7 +89,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  border: var(--vkui_internal--thin_border) solid transparent;
+  border: var(--vkui--size_border--regular) solid transparent;
   border-radius: inherit;
   pointer-events: none;
 }

package/dist/cssm/components/Tappable/Tappable.d.ts

@@ -18,6 +18,10 @@ export interface TappableProps extends TappableElementProps, HasRootRef<HTMLElem
      * Позволяет управлять hovered-состоянием извне
      */
     hovered?: boolean;
+    /**
+     * Позволяет управлять activated-состоянием извне
+     */
+    activated?: boolean;
     /**
      * Указывает, должен ли компонент реагировать на active-состояние
      */
@@ -50,5 +54,6 @@ export declare const ACTIVE_EFFECT_DELAY = 600;
 /**
  * @see https://vkcom.github.io/VKUI/#/Tappable
  */
-export declare const Tappable: ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay, stopPropagation, getRootRef, hasHover: _hasHover, hoverMode, hasActive: _hasActive, activeMode, focusVisibleMode, onEnter, onLeave, className, hovered: hoveredProp, borderRadiusMode, ...props }: TappableProps) => React.JSX.Element;
+export declare const Tappable: ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay, stopPropagation, getRootRef, hasHover: _hasHover, hoverMode, hasActive: _hasActive, activeMode, focusVisibleMode, onEnter, onLeave, className, hovered: hoveredProp, activated: activatedProp, borderRadiusMode, ...props }: TappableProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Tappable.d.ts.map

package/dist/cssm/components/Tappable/Tappable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tappable.d.ts","sourceRoot":"","sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EACL,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAqB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAmB/D,KAAK,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAI1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAClC,cAAc,GACd,aAAa,GACb,YAAY,GACZ,eAAe,GACf,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,CACjB,GACC,wBAAwB,CAAC;AAE3B,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,WAAW,EACX,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC1D,OAAO,CAAC,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAQD,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,mBAAmB,MAAM,CAAC;AA2EvC;;GAEG;AACH,eAAO,MAAM,QAAQ,0SAoBlB,aAAa,sBA8Kf,CAAC"}

package/dist/cssm/components/Tappable/Tappable.js

@@ -114,7 +114,7 @@ function useActivity(hasActive, stopDelay) {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Tappable
- */ export const Tappable = ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay = ACTIVE_EFFECT_DELAY, stopPropagation = false, getRootRef, hasHover: _hasHover = true, hoverMode = 'background', hasActive: _hasActive = true, activeMode = 'background', focusVisibleMode = 'inside', onEnter, onLeave, className, hovered: hoveredProp, borderRadiusMode = 'auto', ...props })=>{
+ */ export const Tappable = ({ children, Component, onClick, onKeyDown: _onKeyDown, activeEffectDelay = ACTIVE_EFFECT_DELAY, stopPropagation = false, getRootRef, hasHover: _hasHover = true, hoverMode = 'background', hasActive: _hasActive = true, activeMode = 'background', focusVisibleMode = 'inside', onEnter, onLeave, className, hovered: hoveredProp, activated: activatedProp, borderRadiusMode = 'auto', ...props })=>{
     Component = Component || (props.href ? 'a' : 'div');
     const { onHoverChange } = React.useContext(TappableContext);
     const insideTouchRoot = React.useContext(TouchRootContext);
@@ -138,6 +138,7 @@ function useActivity(hasActive, stopDelay) {
     ].includes(focusVisibleMode);
     const [activity, { start, stop, delayStart }] = useActivity(hasActive, activeEffectDelay);
     const active = activity === TapState.active || activity === TapState.exiting;
+    const activated = (active || activatedProp) && !props.disabled;
     const containerRef = useExternRef(getRootRef);
     // hover propagation
     const childContext = React.useRef({
@@ -211,7 +212,7 @@ function useActivity(hasActive, stopDelay) {
         const activeDuration = duration - ACTIVE_DELAY;
         stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);
     }
-    const classes = classNames(className, styles['Tappable'], 'vkuiInternalTappable', platform === Platform.IOS && styles['Tappable--ios'], sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX], hasHover && styles['Tappable--hasHover'], hasActive && styles['Tappable--hasActive'], hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && active && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode], hasActive && active && isPresetActiveMode && stylesActiveMode[activeMode], focusVisible && styles['Tappable--focus-visible'], borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit']);
+    const classes = classNames(className, styles['Tappable'], 'vkuiInternalTappable', platform === Platform.IOS && styles['Tappable--ios'], sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX], hasHover && styles['Tappable--hasHover'], hasActive && styles['Tappable--hasActive'], hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && activated && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, hasHover && hovered && isPresetHoverMode && stylesHoverMode[hoverMode], hasActive && activated && isPresetActiveMode && stylesActiveMode[activeMode], focusVisible && styles['Tappable--focus-visible'], borderRadiusMode === 'inherit' && styles['Tappable--borderRadiusInherit']);
     const handlers = {
         onStart: callMultiple(onStart, props.onStart),
         onMove: callMultiple(onMove, props.onMove),