@vkontakte/vkui 5.3.2 → 5.4.1

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

@@ -1 +1,131 @@
-.vkuiImageBase{align-items:center;background-color:#f5f5f5;background-color:var(--vkui--color_background_secondary);background-size:cover;box-sizing:border-box;color:#99a2ad;color:var(--vkui--color_icon_secondary);display:flex;flex-shrink:0;justify-content:center;position:relative}.vkuiImageBase--withBorder{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);box-shadow:inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_image_border_alpha)}.vkuiImageBase__img{border:none;border-radius:inherit;display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;visibility:hidden;width:100%}.vkuiImageBase--loaded .vkuiImageBase__img{visibility:visible}.vkuiImageBase__fallback{left:auto;position:absolute;top:auto}.vkuiInternalCellButton>.vkuiImageBase .vkuiIcon{color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiInternalCellButton--mode-danger>.vkuiImageBase .vkuiIcon{color:#e64646;color:var(--vkui--color_icon_negative)}.vkuiInternalPanelHeader__before .vkuiImageBase{margin-left:8px}.vkuiInternalPanelHeader__after .vkuiImageBase{margin-right:8px}.vkuiInternalSimpleCell>.vkuiImageBase{margin-right:12px}.vkuiInternalSimpleCell>.vkuiImageBase--size-28,.vkuiInternalSimpleCell>.vkuiImageBase--size-32{margin-bottom:10px;margin-top:10px}.vkuiInternalSimpleCell>.vkuiImageBase--size-40{margin-bottom:4px;margin-top:4px}.vkuiInternalSimpleCell>.vkuiImageBase--size-48,.vkuiInternalSimpleCell>.vkuiImageBase--size-72{margin-bottom:6px;margin-top:6px}.vkuiInternalSimpleCell--ios>.vkuiImageBase--size-28,.vkuiInternalSimpleCell--ios>.vkuiImageBase--size-32{margin-left:4px}.vkuiInternalSimpleCell--sizeY-compact>.vkuiImageBase--size-28,.vkuiInternalSimpleCell--sizeY-compact>.vkuiImageBase--size-32{margin-bottom:8px;margin-top:8px}.vkuiInternalSimpleCell--sizeY-compact>.vkuiImageBase--size-40{margin-bottom:2px;margin-top:2px}.vkuiInternalSimpleCell--sizeY-compact>.vkuiImageBase--size-48{margin-bottom:4px;margin-top:4px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInternalSimpleCell--sizeY-none>.vkuiImageBase--size-28,.vkuiInternalSimpleCell--sizeY-none>.vkuiImageBase--size-32{margin-bottom:8px;margin-top:8px}.vkuiInternalSimpleCell--sizeY-none>.vkuiImageBase--size-40{margin-bottom:2px;margin-top:2px}.vkuiInternalSimpleCell--sizeY-none>.vkuiImageBase--size-48{margin-bottom:4px;margin-top:4px}}
+.ImageBase {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  color: var(--vkui--color_icon_secondary);
+  background-color: var(--vkui--color_background_secondary);
+  background-size: cover;
+}
+
+.ImageBase--withBorder {
+  box-shadow: inset 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_image_border_alpha);
+}
+
+.ImageBase__img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: inherit;
+  object-fit: cover;
+  visibility: hidden;
+}
+
+.ImageBase--loaded .ImageBase__img {
+  visibility: visible;
+}
+
+.ImageBase__fallback {
+  position: absolute;
+
+  /* Расчитываем на ценитрирование через родительский `display: flex` */
+  top: auto;
+  left: auto;
+}
+
+/**
+ * CMP:
+ * CellButton
+ */
+
+:global(.vkuiInternalCellButton) > .ImageBase :global(.vkuiIcon) {
+  color: var(--vkui--color_icon_accent);
+}
+
+:global(.vkuiInternalCellButton--mode-danger) > .ImageBase :global(.vkuiIcon) {
+  color: var(--vkui--color_icon_negative);
+}
+
+/**
+ * CMP:
+ * PanelHeader
+ */
+
+:global(.vkuiInternalPanelHeader__before) .ImageBase {
+  margin-left: 8px;
+}
+
+:global(.vkuiInternalPanelHeader__after) .ImageBase {
+  margin-right: 8px;
+}
+
+/**
+ * CMP:
+ * SimpleCell
+ */
+
+:global(.vkuiInternalSimpleCell) > .ImageBase {
+  margin-right: 12px;
+}
+
+:global(.vkuiInternalSimpleCell) > .ImageBase--size-28,
+:global(.vkuiInternalSimpleCell) > .ImageBase--size-32 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+:global(.vkuiInternalSimpleCell) > .ImageBase--size-40 {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+:global(.vkuiInternalSimpleCell) > .ImageBase--size-48,
+:global(.vkuiInternalSimpleCell) > .ImageBase--size-72 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+:global(.vkuiInternalSimpleCell--ios) > .ImageBase--size-28,
+:global(.vkuiInternalSimpleCell--ios) > .ImageBase--size-32 {
+  margin-left: 4px;
+}
+
+:global(.vkuiInternalSimpleCell--sizeY-compact) > .ImageBase--size-28,
+:global(.vkuiInternalSimpleCell--sizeY-compact) > .ImageBase--size-32 {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+:global(.vkuiInternalSimpleCell--sizeY-compact) > .ImageBase--size-40 {
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
+
+:global(.vkuiInternalSimpleCell--sizeY-compact) > .ImageBase--size-48 {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  :global(.vkuiInternalSimpleCell--sizeY-none) > .ImageBase--size-28,
+  :global(.vkuiInternalSimpleCell--sizeY-none) > .ImageBase--size-32 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+
+  :global(.vkuiInternalSimpleCell--sizeY-none) > .ImageBase--size-40 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+
+  :global(.vkuiInternalSimpleCell--sizeY-none) > .ImageBase--size-48 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+}

package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.module.css

@@ -1 +1,28 @@
-.vkuiImageBaseBadge{border-radius:50%;bottom:0;padding:2px;position:absolute;right:0;transform:translate(2px,2px);z-index:1;z-index:var(--vkui_internal--z_index_image_base_badge)}.vkuiImageBaseBadge--background-stroke{background-color:#fff;background-color:var(--vkui_internal--background,var(--vkui--color_background_content))}.vkuiImageBaseBadge--background-shadow:before{border-radius:inherit;bottom:2px;box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06);box-shadow:var(--vkui--elevation1);content:"";left:2px;margin:auto;position:absolute;right:2px;top:2px}
+.ImageBaseBadge {
+  position: absolute;
+  z-index: var(--vkui_internal--z_index_image_base_badge);
+  right: 0;
+  bottom: 0;
+  border-radius: 50%;
+
+  /* Смещаем на `padding-top` и `padding-left`, чтобы не учитывать `padding` при позиционировании. */
+  transform: translate(2px, 2px);
+  padding: 2px;
+}
+
+.ImageBaseBadge--background-stroke {
+  /* цвет фона для скрывания элементов */
+  background-color: var(--vkui_internal--background, var(--vkui--color_background_content));
+}
+
+.ImageBaseBadge--background-shadow::before {
+  content: '';
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  bottom: 2px;
+  left: 2px;
+  margin: auto;
+  border-radius: inherit;
+  box-shadow: var(--vkui--elevation1);
+}

package/dist/cssm/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css

@@ -1 +1,36 @@
-.vkuiImageBaseOverlay{align-items:center;border:none;border-radius:inherit;box-shadow:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:0;z-index:var(--vkui_internal--z_index_image_base_overlay)}.vkuiImageBaseOverlay--visible{opacity:1}.vkuiImageBaseOverlay--focus-visible{box-shadow:inset 0 0 0 2px #2688eb;box-shadow:inset 0 0 0 2px var(--vkui--color_stroke_accent);opacity:1}.vkuiImageBaseOverlay--theme-light{background-color:hsla(0,0%,100%,.85);background-color:var(--vkui--color_avatar_overlay_inverse_alpha);color:#2688eb;color:var(--vkui--color_icon_accent)}.vkuiImageBaseOverlay--theme-dark{background-color:rgba(0,0,0,.6);background-color:var(--vkui--color_avatar_overlay);color:#fff;color:var(--vkui--color_icon_contrast)}
+.ImageBaseOverlay {
+  position: absolute;
+  z-index: var(--vkui_internal--z_index_image_base_overlay);
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: inherit;
+  box-shadow: inherit;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.ImageBaseOverlay--visible {
+  opacity: 1;
+}
+
+.ImageBaseOverlay--focus-visible {
+  opacity: 1;
+  box-shadow: inset 0 0 0 2px var(--vkui--color_stroke_accent);
+}
+
+.ImageBaseOverlay--theme-light {
+  color: var(--vkui--color_icon_accent);
+  background-color: var(--vkui--color_avatar_overlay_inverse_alpha);
+}
+
+.ImageBaseOverlay--theme-dark {
+  color: var(--vkui--color_icon_contrast);
+  background-color: var(--vkui--color_avatar_overlay);
+}

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

@@ -1 +1,17 @@
-.vkuiInfoRow{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.vkuiInfoRow,.vkuiInfoRow__header{overflow:hidden;text-overflow:ellipsis}.vkuiInfoRow__header{color:#6d7885;color:var(--vkui--color_text_subhead);display:block;margin-bottom:2px;white-space:nowrap}
+.InfoRow {
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.InfoRow__header {
+  display: block;
+  margin-bottom: 2px;
+  color: var(--vkui--color_text_subhead);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

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

@@ -1 +1,101 @@
-.vkuiInput{font-size:16px;line-height:20px;position:relative}.vkuiInput--align-center .vkuiInput__el{text-align:center}.vkuiInput--align-right .vkuiInput__el{text-align:right}.vkuiInput__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:inherit;box-shadow:none;box-sizing:border-box;color:#000;color:var(--vkui--color_text_primary);font-family:inherit;font-size:16px;font-size:var(--vkui--font_text--font_size--regular);font-weight:400;font-weight:var(--vkui--font_text--font_weight--regular);height:44px;height:var(--vkui--size_field_height--regular);line-height:20px;line-height:var(--vkui--font_text--line_height--regular);margin:0;padding:0 12px;position:relative;width:100%;z-index:1;z-index:var(--vkui_internal--z_index_form_field_element)}.vkuiInput--sizeY-compact .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_field_height--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}.vkuiInput--hasBefore .vkuiInput__el{padding-left:0}.vkuiInput--hasAfter .vkuiInput__el{padding-right:0}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInput--sizeY-none .vkuiInput__el{font-size:15px;font-size:var(--vkui--font_text--font_size--compact);height:36px;height:var(--vkui--size_field_height--compact);line-height:20px;line-height:var(--vkui--font_text--line_height--compact)}}.vkuiInput__el:disabled{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiInput__el::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el::placeholder{color:#818c99;color:var(--vkui--color_text_secondary);opacity:1}.vkuiInput__el:disabled::-webkit-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::-moz-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::-ms-input-placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInput__el:disabled::placeholder{color:#818c99;color:var(--vkui--color_text_secondary)}
+.Input {
+  position: relative;
+  line-height: 20px;
+  font-size: 16px;
+}
+
+.Input--align-center .Input__el {
+  text-align: center;
+}
+
+.Input--align-right .Input__el {
+  text-align: right;
+}
+
+.Input__el {
+  height: var(--vkui--size_field_height--regular);
+  margin: 0;
+  width: 100%;
+  box-sizing: border-box;
+  box-shadow: none;
+  border: none;
+  border-radius: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  font-family: inherit;
+  font-weight: var(--vkui--font_text--font_weight--regular);
+  font-size: var(--vkui--font_text--font_size--regular);
+  line-height: var(--vkui--font_text--line_height--regular);
+  color: var(--vkui--color_text_primary);
+  padding: 0 12px;
+  position: relative;
+  z-index: var(--vkui_internal--z_index_form_field_element);
+  background: transparent;
+}
+
+.Input--sizeY-compact .Input__el {
+  height: var(--vkui--size_field_height--compact);
+  font-size: var(--vkui--font_text--font_size--compact);
+  line-height: var(--vkui--font_text--line_height--compact);
+}
+
+.Input--hasBefore .Input__el {
+  padding-left: 0;
+}
+
+.Input--hasAfter .Input__el {
+  padding-right: 0;
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .Input--sizeY-none .Input__el {
+    height: var(--vkui--size_field_height--compact);
+    font-size: var(--vkui--font_text--font_size--compact);
+    line-height: var(--vkui--font_text--line_height--compact);
+  }
+}
+
+.Input__el:disabled {
+  opacity: var(--vkui--opacity_disable_accessibility);
+}
+
+.Input__el::-webkit-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Input__el::-moz-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Input__el::-ms-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Input__el::placeholder {
+  color: var(--vkui--color_text_secondary);
+  /* Для Firefox */
+  opacity: 1;
+}
+
+.Input__el:disabled::-webkit-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Input__el:disabled::-moz-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Input__el:disabled::-ms-input-placeholder {
+  color: var(--vkui--color_text_secondary);
+}
+
+.Input__el:disabled::placeholder {
+  color: var(--vkui--color_text_secondary);
+}

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

@@ -1 +1,31 @@
-.vkuiInputLike__mask{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--vkui--font_family_base);position:relative}.vkuiInputLike__mask:after{border-bottom:1px solid #818c99;border-bottom:1px solid var(--vkui--color_text_secondary);bottom:0;content:"";height:1px;left:0;position:absolute;width:calc(100% - .1em)}.vkuiInputLike__mask:last-child{margin-right:1px}.vkuiInputLike__divider,.vkuiInputLike__last_character{letter-spacing:1px!important}.vkuiInputLike__divider{color:#818c99;color:var(--vkui--color_text_secondary)}.vkuiInputLike--full+.vkuiInputLike__divider{color:#000;color:var(--vkui--color_text_primary)}
+.InputLike__mask {
+  position: relative;
+  font-family: var(--vkui--font_family_base);
+}
+
+.InputLike__mask::after {
+  content: '';
+  position: absolute;
+  width: calc(100% - 0.1em);
+  height: 1px;
+  bottom: 0;
+  left: 0;
+  border-bottom: solid 1px var(--vkui--color_text_secondary);
+}
+
+.InputLike__mask:last-child {
+  margin-right: 1px;
+}
+
+.InputLike__last_character {
+  letter-spacing: 1px !important;
+}
+
+.InputLike__divider {
+  color: var(--vkui--color_text_secondary);
+  letter-spacing: 1px !important;
+}
+
+.InputLike--full + .InputLike__divider {
+  color: var(--vkui--color_text_primary);
+}

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

@@ -1 +1,43 @@
-.vkuiLink{background:none;border:0;border-radius:0;color:#2d81e0;color:var(--vkui--color_text_link);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:none}@media (hover:hover) and (pointer:fine){.vkuiLink:hover{text-decoration:underline}}.vkuiLink--focus-visible{outline:2px solid #2688eb!important;outline:2px solid var(--vkui--color_stroke_accent)!important}.vkuiLink--has-visited:visited{color:#4986cc;color:var(--vkui--color_text_link_visited)}.vkuiLink .vkuiIcon{display:inline-block;margin-left:4px;vertical-align:middle}
+.Link {
+  color: var(--vkui_internal--link-color, var(--vkui--color_text_link));
+  text-decoration: none;
+  border: 0;
+  background: none;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  font-size: inherit;
+  font-family: inherit;
+  display: inline;
+  border-radius: 0;
+}
+
+/* See https://www.ctrl.blog/entry/css-media-hover-samsung.html */
+
+@media (hover: hover) and (pointer: fine) {
+  .Link:hover {
+    text-decoration: underline;
+  }
+}
+
+.Link--focus-visible {
+  /**
+   * На момент v4.33.0, реализация <FocusVisible /> не подошла, т.к. текст может быть многострочным.
+   * Поэтому используем свой класс и применяем `outline`.
+   *
+   * `!important` – чтобы перебить глобальное обнуление `outline` на `:focus`.
+   */
+  outline: 2px solid var(--vkui--color_stroke_accent) !important;
+}
+
+.Link--has-visited:visited {
+  color: var(--vkui--color_text_link_visited);
+}
+
+/* stylelint-disable-next-line vkui/atomic */
+
+.Link :global(.vkuiIcon) {
+  margin-left: 4px;
+  display: inline-block;
+  vertical-align: middle;
+}

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

@@ -1 +1,3 @@
-.vkuiList{isolation:isolate}
+.List {
+  isolation: isolate;
+}

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

@@ -9,9 +9,9 @@ export interface LocaleProviderProps {
 }
 /**
  * Компонент, прокидывающий локаль. Список можно найти в
- * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
+ * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
  *
- * @version 5.0.0
+ * @since 5.0.0
  * @see https://vkcom.github.io/VKUI/#/LocaleProvider
  */
 export declare function LocaleProvider({ value, children }: LocaleProviderProps): JSX.Element;

package/dist/cssm/components/LocaleProvider/LocaleProvider.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';
 /**
  * Компонент, прокидывающий локаль. Список можно найти в
- * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
+ * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
  *
- * @version 5.0.0
+ * @since 5.0.0
  * @see https://vkcom.github.io/VKUI/#/LocaleProvider
  */ export function LocaleProvider({ value , children  }) {
     return /*#__PURE__*/ React.createElement(ConfigProviderOverride, {

package/dist/cssm/components/LocaleProvider/LocaleProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подмёток IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @version 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["React","ConfigProviderOverride","LocaleProvider","value","children","locale"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;;CAMC,GACD,OAAO,SAASC,eAAe,EAAEC,MAAK,EAAEC,SAAQ,EAAuB,EAAE;IACvE,qBAAO,oBAACH;QAAuBI,QAAQF;OAAQC;AACjD,CAAC"}
+{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["React","ConfigProviderOverride","LocaleProvider","value","children","locale"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,sBAAsB,QAAQ,2CAA2C;AAUlF;;;;;;CAMC,GACD,OAAO,SAASC,eAAe,EAAEC,MAAK,EAAEC,SAAQ,EAAuB,EAAE;IACvE,qBAAO,oBAACH;QAAuBI,QAAQF;OAAQC;AACjD,CAAC"}

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

@@ -1 +1,78 @@
-.vkuiMiniInfoCell{color:#6d7885;color:var(--vkui--color_text_subhead);display:flex;padding:6px 16px;padding:6px var(--vkui--size_base_padding_horizontal--regular)}.vkuiMiniInfoCell--mode-accent{color:#000;color:var(--vkui--color_text_primary)}.vkuiMiniInfoCell__before{color:#99a2ad;color:var(--vkui--color_icon_secondary);margin-right:12px}.vkuiMiniInfoCell__middle{align-items:center;display:flex;flex:1;min-width:0;overflow:hidden}.vkuiMiniInfoCell__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiMiniInfoCell--textWrap-short .vkuiMiniInfoCell__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:60px;white-space:normal}.vkuiMiniInfoCell--textWrap-full .vkuiMiniInfoCell__content{overflow:inherit;white-space:normal}.vkuiMiniInfoCell--textWrap-nowrap .vkuiMiniInfoCell__content{flex:0 1 auto}.vkuiMiniInfoCell__after{margin-bottom:-2px;margin-left:12px;margin-top:-2px}.vkuiMiniInfoCell--mode-add,.vkuiMiniInfoCell--mode-more{color:#2d81e0;color:var(--vkui--color_text_link_themed)}.vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__before,.vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__before{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}.vkuiMiniInfoCell--mode-more{padding-bottom:10px;padding-top:10px}.vkuiMiniInfoCell__middle .vkuiIcon{color:#2688eb;color:var(--vkui--color_text_accent);margin-left:4px}.vkuiMiniInfoCell--mode-add .vkuiMiniInfoCell__middle .vkuiIcon,.vkuiMiniInfoCell--mode-more .vkuiMiniInfoCell__middle .vkuiIcon{color:#2688eb;color:var(--vkui--color_icon_accent_themed)}
+.MiniInfoCell {
+  display: flex;
+  padding: 6px var(--vkui--size_base_padding_horizontal--regular);
+  color: var(--vkui--color_text_subhead);
+}
+
+.MiniInfoCell--mode-accent {
+  color: var(--vkui--color_text_primary);
+}
+
+.MiniInfoCell__before {
+  margin-right: 12px;
+  color: var(--vkui--color_icon_secondary);
+}
+
+.MiniInfoCell__middle {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+
+.MiniInfoCell__content {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.MiniInfoCell--textWrap-short .MiniInfoCell__content {
+  white-space: initial;
+  display: -webkit-box;
+  max-height: 60px;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.MiniInfoCell--textWrap-full .MiniInfoCell__content {
+  overflow: inherit;
+  white-space: initial;
+}
+
+.MiniInfoCell--textWrap-nowrap .MiniInfoCell__content {
+  flex: 0 1 auto;
+}
+
+.MiniInfoCell__after {
+  margin-left: 12px;
+  margin-top: -2px;
+  margin-bottom: -2px;
+}
+
+.MiniInfoCell--mode-add,
+.MiniInfoCell--mode-more {
+  color: var(--vkui--color_text_link_themed);
+}
+
+.MiniInfoCell--mode-add .MiniInfoCell__before,
+.MiniInfoCell--mode-more .MiniInfoCell__before {
+  color: var(--vkui--color_icon_accent_themed);
+}
+
+.MiniInfoCell--mode-more {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.MiniInfoCell__middle :global(.vkuiIcon) {
+  margin-left: 4px;
+  color: var(--vkui--color_text_accent);
+}
+
+.MiniInfoCell--mode-add .MiniInfoCell__middle :global(.vkuiIcon),
+.MiniInfoCell--mode-more .MiniInfoCell__middle :global(.vkuiIcon) {
+  color: var(--vkui--color_icon_accent_themed);
+}

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

@@ -1 +1,62 @@
-.vkuiModalCard{align-items:flex-end;box-sizing:border-box;display:flex;height:100%;left:0;padding:8px;position:absolute;top:0;width:100%}.vkuiModalCard__in{margin-left:auto;margin-right:auto;transform:translateY(calc(100% + 16px));transition:transform .34s cubic-bezier(.4,0,.2,1);transition:transform .34s var(--vkui--animation_easing_platform);width:100%}.vkuiModalCard--ios .vkuiModalCard__in{max-width:414px}.vkuiModalCard--android .vkuiModalCard__in{max-width:440px}.vkuiModalCard--vkcom .vkuiModalCard__in{max-width:400px}.vkuiModalCard--desktop{align-items:center}.vkuiModalCard--desktop .vkuiModalCard__in{opacity:0;transform:unset;transition:opacity .34s cubic-bezier(.4,0,.2,1);transition:opacity .34s var(--vkui--animation_easing_platform)}.vkuiInternalModalRoot--touched .vkuiModalCard__in{transition:none}
+.ModalCard {
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  padding: 8px;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+}
+
+.ModalCard__in {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  transform: translateY(calc(100% + 16px));
+  transition: transform 340ms var(--vkui--animation_easing_platform);
+}
+
+/**
+ * iOS
+ */
+
+.ModalCard--ios .ModalCard__in {
+  max-width: 414px;
+}
+
+/**
+ * Android + vkcom
+ */
+
+.ModalCard--android .ModalCard__in {
+  max-width: 440px;
+}
+
+.ModalCard--vkcom .ModalCard__in {
+  max-width: 400px;
+}
+
+/**
+ * Desktop
+ */
+
+.ModalCard--desktop {
+  align-items: center;
+}
+
+.ModalCard--desktop .ModalCard__in {
+  transform: unset;
+  opacity: 0;
+  transition: opacity 340ms var(--vkui--animation_easing_platform);
+}
+
+/**
+ * CMP:
+ * ModalRoot
+ */
+
+:global(.vkuiInternalModalRoot--touched) .ModalCard__in {
+  transition: none;
+}