@vkontakte/vkui 4.32.0 → 4.33.2

package/src/tokenized/index.ts

@@ -1,3 +1,12 @@
+export { Avatar } from "../components/Avatar/Avatar";
+export type { AvatarProps } from "../components/Avatar/Avatar";
+
+export { FormItem } from "../components/FormItem/FormItem";
+export type { FormItemProps } from "../components/FormItem/FormItem";
+
+export { FormLayoutGroup } from "../components/FormLayoutGroup/FormLayoutGroup";
+export type { FormLayoutGroupProps } from "../components/FormLayoutGroup/FormLayoutGroup";
+
 export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 
@@ -7,9 +16,18 @@ export type { CardProps } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
 export type { CardScrollProps } from "../components/CardScroll/CardScroll";
 
+export { GridAvatar } from "../components/GridAvatar/GridAvatar";
+export type { GridAvatarProps } from "../components/GridAvatar/GridAvatar";
+
 export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "../components/HorizontalScroll/HorizontalScroll";
 
+export { IconButton } from "../components/IconButton/IconButton";
+export type { IconButtonProps } from "../components/IconButton/IconButton";
+
+export { InitialsAvatar } from "../components/InitialsAvatar/InitialsAvatar";
+export type { InitialsAvatarProps } from "../components/InitialsAvatar/InitialsAvatar";
+
 export { InfoRow } from "../components/InfoRow/InfoRow";
 export type { InfoRowProps } from "../components/InfoRow/InfoRow";
 
@@ -35,12 +53,21 @@ export type {
   SegmentedControlValue,
 } from "../components/SegmentedControl/SegmentedControl";
 
+export { Tappable } from "../components/Tappable/Tappable";
+export type { TappableProps } from "../components/Tappable/Tappable";
+
+export { Textarea } from "../components/Textarea/Textarea";
+export type { TextareaProps } from "../components/Textarea/Textarea";
+
 export { Title } from "../components/Typography/Title/Title";
 export type { TitleProps } from "../components/Typography/Title/Title";
 
 export { Subhead } from "../components/Typography/Subhead/Subhead";
 export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
 
+export { CellButton } from "../components/CellButton/CellButton";
+export type { CellButtonProps } from "../components/CellButton/CellButton";
+
 export { Pagination } from "../components/Pagination/Pagination";
 export type { PaginationProps } from "../components/Pagination/Pagination";
 
@@ -59,27 +86,45 @@ export type { PanelSpinnerProps } from "../components/PanelSpinner/PanelSpinner"
 export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
 export type { ParagraphProps } from "../components/Typography/Paragraph/Paragraph";
 
+export { UsersStack } from "../components/UsersStack/UsersStack";
+export type { UsersStackProps } from "../components/UsersStack/UsersStack";
+
 export { Text } from "../components/Typography/Text/Text";
 export type { TextProps } from "../components/Typography/Text/Text";
 
 export { PullToRefresh } from "../components/PullToRefresh/PullToRefresh";
 export type { PullToRefreshProps } from "../components/PullToRefresh/PullToRefresh";
 
+export { Slider } from "../components/Slider/Slider";
+export type { SliderProps } from "../components/Slider/Slider";
+
+export { RangeSlider } from "../components/RangeSlider/RangeSlider";
+export type { RangeSliderProps } from "../components/RangeSlider/RangeSlider";
+
 export { Input } from "../components/Input/Input";
 export type { InputProps } from "../components/Input/Input";
 
 export { File } from "../components/File/File";
 export type { FileProps } from "../components/File/File";
 
+export { FocusVisible } from "../components/FocusVisible/FocusVisible";
+export type { FocusVisibleProps } from "../components/FocusVisible/FocusVisible";
+
 export { FormField } from "../components/FormField/FormField";
 export type { FormFieldProps } from "../components/FormField/FormField";
 
 export { Select } from "../components/Select/Select";
 export type { SelectProps } from "../components/Select/Select";
 
+export { View } from "../components/View/View";
+export type { ViewProps } from "../components/View/View";
+
 export { Spinner } from "../components/Spinner/Spinner";
 export type { SpinnerProps } from "../components/Spinner/Spinner";
 
+export { ContentCard } from "../components/ContentCard/ContentCard";
+export type { ContentCardProps } from "../components/ContentCard/ContentCard";
+
 export { CustomSelect } from "../components/CustomSelect/CustomSelect";
 export type { CustomSelectProps } from "../components/CustomSelect/CustomSelect";
 
@@ -92,30 +137,51 @@ export type { CustomSelectOptionProps } from "../components/CustomSelectOption/C
 export { Chip } from "../components/Chip/Chip";
 export type { ChipProps } from "../components/Chip/Chip";
 
+export { Checkbox } from "../components/Checkbox/Checkbox";
+export type { CheckboxProps } from "../components/Checkbox/Checkbox";
+
 export { ChipsInput } from "../components/ChipsInput/ChipsInput";
 export type { ChipsInputProps } from "../components/ChipsInput/ChipsInput";
 
 export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
 
+export { Spacing } from "../components/Spacing/Spacing";
+export type { SpacingProps } from "../components/Spacing/Spacing";
+
 export { SplitCol } from "../components/SplitCol/SplitCol";
 export type { SplitColProps } from "../components/SplitCol/SplitCol";
 
+export { Root } from "../components/Root/Root";
+export type { RootProps } from "../components/Root/Root";
+
 export { Headline } from "../components/Typography/Headline/Headline";
 export type { HeadlineProps } from "../components/Typography/Headline/Headline";
 
 export { Div } from "../components/Div/Div";
 export type { DivProps } from "../components/Div/Div";
 
+export { Banner } from "../components/Banner/Banner";
+export type { BannerProps } from "../components/Banner/Banner";
+
+export { FixedLayout } from "../components/FixedLayout/FixedLayout";
+export type { FixedLayoutProps } from "../components/FixedLayout/FixedLayout";
+
 export { Counter } from "../components/Counter/Counter";
 export type { CounterProps } from "../components/Counter/Counter";
 
 export { Progress } from "../components/Progress/Progress";
 export type { ProgressProps } from "../components/Progress/Progress";
 
+export { Gallery } from "../components/Gallery/Gallery";
+export type { GalleryProps } from "../components/Gallery/Gallery";
+
 export { DateInput } from "../components/DateInput/DateInput";
 export type { DateInputProps } from "../components/DateInput/DateInput";
 
+export { PopoutWrapper } from "../components/PopoutWrapper/PopoutWrapper";
+export type { PopoutWrapperProps } from "../components/PopoutWrapper/PopoutWrapper";
+
 export { Badge } from "../components/Badge/Badge";
 export type { BadgeProps } from "../components/Badge/Badge";
 

package/tasks/postcss-restructure-variable.js

@@ -1,4 +1,4 @@
-const { Rule } = require("postcss");
+const postcss = require("postcss");
 
 function setEquals(a, b) {
   return a.size === b.size && [...a].every((value) => b.has(value));
@@ -194,16 +194,23 @@ module.exports = (importFrom = []) => {
         }
       });
 
+      const source = root.source;
+      if (source.end === undefined) {
+        source.end = source.start;
+      }
+
       const rules = graph.restructure();
 
       let lastRule = undefined;
+
       rules.forEach(({ decls, selectors }) => {
-        const rule = new Rule({
+        const rule = postcss.rule({
           selectors: Array.from(selectors),
+          source: source,
         });
 
-        decls.forEach((value, key) => {
-          rule.append({ prop: key, value: value });
+        decls.forEach((value, prop) => {
+          rule.append({ prop, value, source });
         });
 
         if (lastRule) {

package/dist/cssm/components/Gallery/Gallery.css

@@ -1 +0,0 @@
-.vkuiGallery{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;min-height:100px;cursor:grab;align-items:stretch}.vkuiGallery__slide{width:100%;flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;min-height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#000}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.56}.vkuiGallery__bullet--active{opacity:1}