@vkontakte/vkui 4.28.1 → 4.30.0

package/src/lib/date.ts

@@ -0,0 +1,274 @@
+import dayjs from "dayjs";
+
+// Using date-fns-like type for migration
+type DirtyDate = Date | number;
+
+export function startOfDay(date: DirtyDate) {
+  return dayjs(date).startOf("day").toDate();
+}
+
+export function endOfDay(date: DirtyDate) {
+  return dayjs(date).endOf("day").toDate();
+}
+
+export function startOfWeek(date: DirtyDate, weekStart = 0) {
+  weekStart = weekStart % 7;
+
+  const day = dayjs(date);
+  const weekDay = day.day();
+  const diff = (weekDay < weekStart ? 7 : 0) + weekDay - weekStart;
+
+  return day.date(day.date() - diff).toDate();
+}
+
+export function endOfWeek(date: DirtyDate, weekStart = 0) {
+  const day = dayjs(startOfWeek(date, weekStart));
+
+  return day.date(day.date() + 6).toDate();
+}
+
+export function startOfMonth(date: DirtyDate) {
+  return dayjs(date).startOf("month").toDate();
+}
+
+export function endOfMonth(date: DirtyDate) {
+  return dayjs(date).endOf("month").toDate();
+}
+
+export function isFirstDayOfMonth(date: DirtyDate) {
+  return dayjs(date).date() === 1;
+}
+
+export function isLastDayOfMonth(date: DirtyDate) {
+  // isSameDay -- shorter, but not exact with date-fns behavior
+  // return isSameDay(date, dayjs(date).endOf("month"));
+  return dayjs(date).endOf("day").isSame(dayjs(date).endOf("month"));
+}
+
+export function format(date: DirtyDate, format: string) {
+  return dayjs(date).format(format);
+}
+
+export function isBefore(date1: DirtyDate, date2: DirtyDate) {
+  // Exactly as date-fns does
+  // dayjs().isBefore() for slightly different approach
+  return dayjs(date1) < dayjs(date2);
+}
+
+export function isAfter(date1: DirtyDate, date2: DirtyDate) {
+  return dayjs(date1) > dayjs(date2);
+}
+
+export function isSameDay(date1: DirtyDate, date2: DirtyDate) {
+  return dayjs(date1).isSame(date2, "day");
+}
+
+export function isSameMonth(date1: DirtyDate, date2: DirtyDate) {
+  return dayjs(date1).isSame(date2, "month");
+}
+
+export function isWithinInterval(
+  date: DirtyDate,
+  start: DirtyDate,
+  end: DirtyDate
+) {
+  const day = dayjs(date);
+  return day >= dayjs(start) && day <= dayjs(end);
+}
+
+export function setMinutes(date: DirtyDate, minute: number) {
+  return dayjs(date).set("minute", minute).toDate();
+}
+
+export function setHours(date: DirtyDate, hour: number) {
+  return dayjs(date).set("hour", hour).toDate();
+}
+
+export function setMonth(date: DirtyDate, month: number) {
+  return dayjs(date).set("month", month).toDate();
+}
+
+export function setYear(date: DirtyDate, year: number) {
+  return dayjs(date).set("year", year).toDate();
+}
+
+export function addDays(date: DirtyDate, day: number) {
+  return dayjs(date).add(day, "day").toDate();
+}
+
+export function subDays(date: DirtyDate, day: number) {
+  return dayjs(date).subtract(day, "day").toDate();
+}
+
+export function addWeeks(date: DirtyDate, week: number) {
+  return dayjs(date).add(week, "week").toDate();
+}
+
+export function subWeeks(date: DirtyDate, week: number) {
+  return dayjs(date).subtract(week, "week").toDate();
+}
+
+export function addMonths(date: DirtyDate, month: number) {
+  return dayjs(date).add(month, "month").toDate();
+}
+
+export function subMonths(date: DirtyDate, month: number) {
+  return dayjs(date).subtract(month, "month").toDate();
+}
+
+// Rip off date-fns
+export function eachDayOfInterval(start: DirtyDate, end: DirtyDate) {
+  const dates: Date[] = [];
+  const startDate = dayjs(start).toDate();
+  const endDate = dayjs(end).toDate();
+
+  const endTime = endDate.getTime();
+  const currentDate = startDate;
+  currentDate.setHours(0, 0, 0, 0);
+
+  while (currentDate.getTime() <= endTime) {
+    dates.push(new Date(currentDate.getTime()));
+    currentDate.setDate(currentDate.getDate() + 1);
+    currentDate.setHours(0, 0, 0, 0);
+  }
+
+  return dates;
+}
+
+export function parse(
+  input: string,
+  format: string,
+  referenceDate: Date = new Date()
+) {
+  const match2 = /^\d\d/; // 00 - 99
+  const match4 = /^\d{4}/; // 0000 - 9999
+
+  const entries: Array<
+    [string, RegExp, (val: string) => [string, number, boolean]]
+  > = [
+    ["YYYY", match4, (val) => ["Y", +val, true]],
+    [
+      "MM",
+      match2,
+      (val) => {
+        const numVal = +val;
+        const okay = numVal > 0 && numVal <= 12;
+
+        return ["M", numVal - 1, okay];
+      },
+    ],
+    ["DD", match2, (val) => ["D", +val, true]],
+    [
+      "HH",
+      match2,
+      (val) => {
+        const numVal = parseInt(val, 10);
+        const okay = numVal >= 0 && numVal < 24;
+
+        return ["h", numVal, okay];
+      },
+    ],
+    [
+      "mm",
+      match2,
+      (val) => {
+        const numVal = parseInt(val, 10);
+        const okay = numVal >= 0 && numVal < 60;
+
+        return ["m", numVal, okay];
+      },
+    ],
+  ];
+
+  const superRegExp = new RegExp(entries.map((item) => item[0]).join("|"), "g");
+
+  const store: {
+    [key: string]: number;
+  } = {
+    Y: referenceDate.getFullYear(),
+    M: referenceDate.getMonth(),
+    D: referenceDate.getDate(),
+    h: referenceDate.getHours(),
+    m: referenceDate.getMinutes(),
+    s: referenceDate.getSeconds(),
+    ms: referenceDate.getMilliseconds(),
+  };
+
+  let prevInputIndex = 0;
+  let lastNonFormatting = "";
+  let lastFormatIndex = 0;
+  let found = false;
+
+  while (true) {
+    const match = superRegExp.exec(format);
+
+    if (!match) {
+      break;
+    }
+
+    const length = match[0].length;
+    const atIndex = superRegExp.lastIndex - length;
+
+    const item = entries.find((item) => item[0] === match[0]);
+
+    if (!item) {
+      return new Date("");
+    }
+
+    lastNonFormatting = format.slice(lastFormatIndex, atIndex);
+    lastFormatIndex = superRegExp.lastIndex;
+
+    if (
+      input.slice(prevInputIndex, prevInputIndex + lastNonFormatting.length) !==
+      lastNonFormatting
+    ) {
+      return new Date("");
+    }
+
+    const value = input
+      .slice(prevInputIndex + lastNonFormatting.length)
+      .match(item[1]);
+
+    if (!value) {
+      return new Date("");
+    }
+
+    prevInputIndex =
+      prevInputIndex + lastNonFormatting.length + value[0].length;
+
+    const [key, newValue, okay] = item[2](value[0]);
+
+    if (!okay) {
+      return new Date("");
+    }
+
+    store[key] = newValue;
+    found = true;
+  }
+
+  if (!found) {
+    return new Date("");
+  }
+
+  const date = new Date(
+    store.Y,
+    store.M,
+    store.D,
+    store.h,
+    store.m,
+    store.s,
+    store.ms
+  );
+
+  // Since days of months are dynamic, they can't be validated in entries,
+  // so we check it here, in the finalized date
+  if (date.getMonth() !== store.M || date.getDate() !== store.D) {
+    return new Date("");
+  }
+
+  return date;
+}
+
+export function isMatch(input: string, format: string) {
+  return !isNaN(+parse(input, format));
+}

package/src/lib/getNavId.ts

@@ -1,13 +1,15 @@
+import { WarnOnceHandler } from "./warnOnce";
+
 export interface NavIdProps {
   /** Уникальный идентификатор навигационного элемента (вместо id) */
   nav?: string;
   id?: string;
 }
 
-export function getNavId(props: NavIdProps, warn?: (text: string) => any) {
+export function getNavId(props: NavIdProps, warn?: WarnOnceHandler) {
   const id = props.nav || props.id;
   if (process.env.NODE_ENV === "development" && !id && warn) {
-    warn('Navigation item should have "nav" or "id" prop');
+    warn('Навигационный элемент должен иметь свойство "nav" или "id"', "error");
   }
   return id;
 }

package/src/lib/platform.ts

@@ -1,4 +1,6 @@
 import { BrowserInfo, computeBrowserInfo } from "./browser";
+import { querystring } from "@vkontakte/vkjs";
+import { canUseDOM } from "./dom";
 
 export enum Platform {
   ANDROID = "android",
@@ -6,6 +8,34 @@ export enum Platform {
   VKCOM = "vkcom",
 }
 
+const PLATFORM_ALIAS = {
+  desktop_web: Platform.VKCOM,
+};
+
+function isPlatformAlias(
+  platformAlias: string
+): platformAlias is keyof typeof PLATFORM_ALIAS {
+  return platformAlias in PLATFORM_ALIAS;
+}
+
+/**
+ * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps
+ * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}
+ */
+function getPlatformByQueryString(queryString: string): Platform | undefined {
+  const parsedQuery = querystring.parse(queryString);
+  const platformAliasByQuery = parsedQuery["vk_platform"];
+
+  return typeof platformAliasByQuery === "string" &&
+    isPlatformAlias(platformAliasByQuery)
+    ? PLATFORM_ALIAS[platformAliasByQuery]
+    : undefined;
+}
+
+const platformByQueryString = canUseDOM
+  ? getPlatformByQueryString(location.search)
+  : undefined;
+
 export const ANDROID = Platform.ANDROID;
 export const IOS = Platform.IOS;
 export const VKCOM = Platform.VKCOM;
@@ -17,6 +47,10 @@ export type PlatformType =
   | string;
 
 export function platform(browserInfo?: BrowserInfo): PlatformType {
+  if (platformByQueryString) {
+    return platformByQueryString;
+  }
+
   if (!browserInfo) {
     browserInfo = computeBrowserInfo();
   }

package/src/lib/warnOnce.ts

@@ -1,8 +1,14 @@
-export function warnOnce(zone: string) {
+export type WarnOnceHandler = (
+  message: string,
+  type?: "warn" | "error"
+) => void;
+
+export function warnOnce(zone: string): WarnOnceHandler {
   const didWarn: { [msg: string]: boolean } = {};
-  return (message: string) => {
+
+  return (message: string, type: "warn" | "error" = "warn") => {
     if (!didWarn[message]) {
-      console.error(`[VKUI/${zone}] ${message}`);
+      console[type](`[VKUI/${zone}] ${message}`);
       didWarn[message] = true;
     }
   };

package/src/styles/bright_light.css

@@ -52,6 +52,7 @@ body[scheme="bright_light"],
   --content_tint_foreground: #7f8285;
   --content_warning_background: #fff2d6;
   --control_background: #ebedf0;
+  --control_background_secondary: #ffffff;
   --control_foreground: #5181b8;
   --control_tint: #ffffff;
   --control_tint_muted: #76787a;
@@ -65,6 +66,7 @@ body[scheme="bright_light"],
   --dynamic_blue: #2688eb;
   --dynamic_gray: #a3adb8;
   --dynamic_green: #4bb34b;
+  --dynamic_neon_pink: #f45fff;
   --dynamic_orange: #ffa000;
   --dynamic_purple: #735ce6;
   --dynamic_raspberry_pink: #e03fab;

package/src/styles/components.css

@@ -13,6 +13,7 @@
 @import "../components/Typography/Subhead/Subhead.css";
 @import "../components/Typography/Caption/Caption.css";
 @import "../components/Typography/Text/Text.css";
+@import "../components/Typography/Paragraph/Paragraph.css";
 
 /* Service */
 @import "../components/Tappable/Tappable.css";

package/src/styles/constants.css

@@ -1,6 +1,13 @@
 :root {
   /* fonts */
-  --font-common: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
+  --font-common: var(
+    --palette-vk-font,
+    -apple-system,
+    system-ui,
+    Helvetica Neue,
+    Roboto,
+    sans-serif
+  );
   /* @deprecated
    * --font-tt будет удален в 5.0.0, используйте --font-display
    * В коде библиотеки использовать нельзя. Оставлен для обратной совместимости для пользователей библиотеки.
@@ -31,8 +38,8 @@
   --white: #fff;
   --blue_200: #5c9ce6;
 
-  /* iOS insets */
-  --safe-area-inset-top: 20px;
+  /* insets */
+  --safe-area-inset-top: 0px;
   --safe-area-inset-right: 0px;
   --safe-area-inset-bottom: 0px;
   --safe-area-inset-left: 0px;

package/src/styles/space_gray.css

@@ -5,7 +5,7 @@
 body[scheme="space_gray"],
 [scheme="space_gray"],
 .vkuispace_gray {
-  --accent: #71aaeb;
+  --accent: #529ef4;
   --accent_alternate: #ffffff;
   --action_sheet_action_foreground: #ffffff;
   --action_sheet_separator: rgba(255, 255, 255, 0.12);
@@ -23,7 +23,7 @@ body[scheme="space_gray"],
   --background_light: #232324;
   --background_page: #0a0a0a;
   --background_suggestions: #2c2d2e;
-  --background_text_highlighted: rgba(113, 170, 235, 0.24);
+  --background_text_highlighted: rgba(82, 158, 244, 0.24);
   --button_bot_shadow: #19191a;
   --button_commerce_background: #4bb34b;
   --button_commerce_foreground: #ffffff;
@@ -51,6 +51,7 @@ body[scheme="space_gray"],
   --content_tint_foreground: #909499;
   --content_warning_background: #857250;
   --control_background: #454647;
+  --control_background_secondary: #76787a;
   --control_foreground: #e1e3e6;
   --control_tint: #19191a;
   --control_tint_muted: #909499;
@@ -64,6 +65,7 @@ body[scheme="space_gray"],
   --dynamic_blue: #2688eb;
   --dynamic_gray: #a3adb8;
   --dynamic_green: #4bb34b;
+  --dynamic_neon_pink: #f45fff;
   --dynamic_orange: #ffa000;
   --dynamic_purple: #937ff5;
   --dynamic_raspberry_pink: #f060c0;
@@ -90,7 +92,7 @@ body[scheme="space_gray"],
   --header_search_field_background: #363738;
   --header_search_field_tint: #aaaeb3;
   --header_tab_active_background: #5d5f61;
-  --header_tab_active_indicator: #71aaeb;
+  --header_tab_active_indicator: #529ef4;
   --header_tab_active_text: #e1e3e6;
   --header_tab_inactive_text: #76787a;
   --header_text: #e1e3e6;
@@ -141,7 +143,7 @@ body[scheme="space_gray"],
   --im_forward_line_tint: rgba(255, 255, 255, 0.24);
   --im_reply_separator: #ffffff;
   --im_service_message_text: #76787a;
-  --im_text_name: #71aaeb;
+  --im_text_name: #529ef4;
   --im_toolbar_separator: #aaaeb3;
   --im_toolbar_voice_msg_background: #454647;
   --image_border: rgba(255, 255, 255, 0.08);
@@ -171,7 +173,7 @@ body[scheme="space_gray"],
   --loader_track_value_fill: #ffffff;
   --media_overlay_button_background: #ffffff;
   --media_overlay_button_foreground: #2c2d2e;
-  --modal_card_background: #2c2d2e;
+  --modal_card_background: #232324;
   --modal_card_border: rgba(255, 255, 255, 0.12);
   --modal_card_header_close: #ffffff;
   --music_playback_icon: #ffffff;
@@ -217,14 +219,14 @@ body[scheme="space_gray"],
   --tabbar_active_icon: #ffffff;
   --tabbar_background: #2c2d2e;
   --tabbar_inactive_icon: #76787a;
-  --tabbar_tablet_active_icon: #71aaeb;
+  --tabbar_tablet_active_icon: #529ef4;
   --tabbar_tablet_background: #232324;
   --tabbar_tablet_inactive_icon: #76787a;
   --tabbar_tablet_text_primary: #e1e3e6;
   --tabbar_tablet_text_secondary: #76787a;
   --text_action_counter: #aaaeb3;
-  --text_link: #71aaeb;
-  --text_link_highlighted_background: #71aaeb;
+  --text_link: #529ef4;
+  --text_link_highlighted_background: #529ef4;
   --text_muted: #c4c8cc;
   --text_name: #e1e3e6;
   --text_placeholder: #aaaeb3;

package/src/styles/vkcom_dark.css

@@ -21,7 +21,7 @@ body[scheme="vkcom_dark"],
   --background_hover: rgba(255, 255, 255, 0.08);
   --background_keyboard: #333333;
   --background_light: #292929;
-  --background_page: #0a0a0a;
+  --background_page: #141414;
   --background_suggestions: #333333;
   --background_text_highlighted: rgba(81, 129, 184, 0.2);
   --button_bot_shadow: #222222;
@@ -53,10 +53,11 @@ body[scheme="vkcom_dark"],
   --content_placeholder_icon: #b2b2b2;
   --content_placeholder_text: #b2b2b2;
   --content_positive_background: rgba(75, 179, 75, 0.16);
-  --content_tint_background: #292929;
+  --content_tint_background: #333333;
   --content_tint_foreground: #939393;
   --content_warning_background: rgba(255, 202, 99, 0.16);
   --control_background: #555555;
+  --control_background_secondary: #828282;
   --control_foreground: #e1e3e6;
   --control_tint: #222222;
   --control_tint_muted: #939393;
@@ -70,6 +71,7 @@ body[scheme="vkcom_dark"],
   --dynamic_blue: #5181b8;
   --dynamic_gray: #aeb7c2;
   --dynamic_green: #4bb34b;
+  --dynamic_neon_pink: #f45fff;
   --dynamic_orange: #ffa000;
   --dynamic_purple: #937ff5;
   --dynamic_raspberry_pink: #f060c0;
@@ -177,7 +179,7 @@ body[scheme="vkcom_dark"],
   --loader_track_value_fill: #ffffff;
   --media_overlay_button_background: #ffffff;
   --media_overlay_button_foreground: #333333;
-  --modal_card_background: #333333;
+  --modal_card_background: #292929;
   --modal_card_border: rgba(255, 255, 255, 0.12);
   --modal_card_header_close: #ffffff;
   --music_playback_icon: #ffffff;
@@ -203,7 +205,7 @@ body[scheme="vkcom_dark"],
   --segmented_control_tint: #828282;
   --selection_off_icon: #656565;
   --separator_alpha: rgba(255, 255, 255, 0.16);
-  --separator_alternate: #292929;
+  --separator_alternate: #333333;
   --separator_common: #424242;
   --skeleton_foreground_from: #292929;
   --skeleton_foreground_to: #333333;

package/src/styles/vkcom_light.css

@@ -54,7 +54,7 @@ body[scheme="vkcom_light"],
   --button_tertiary_background: rgba(0, 0, 0, 0);
   --button_tertiary_foreground: #2a5885;
   --cell_button_foreground: #2a5885;
-  --content_negative_background: #ff5c5c;
+  --content_negative_background: #faebeb;
   --content_placeholder_icon: #99a2ad;
   --content_placeholder_text: #818c99;
   --content_positive_background: #def0d3;
@@ -62,6 +62,7 @@ body[scheme="vkcom_light"],
   --content_tint_foreground: #828282;
   --content_warning_background: #faefd2;
   --control_background: #edeef0;
+  --control_background_secondary: #ffffff;
   --control_foreground: #5181b8;
   --control_tint: #ffffff;
   --control_tint_muted: #828282;
@@ -75,6 +76,7 @@ body[scheme="vkcom_light"],
   --dynamic_blue: #5181b8;
   --dynamic_gray: #aeb7c2;
   --dynamic_green: #1b7a1b;
+  --dynamic_neon_pink: #f45fff;
   --dynamic_orange: #ffa000;
   --dynamic_purple: #735ce6;
   --dynamic_raspberry_pink: #e03fab;
@@ -211,7 +213,7 @@ body[scheme="vkcom_light"],
   --separator_alternate: #e7e8ec;
   --separator_common: #dce1e6;
   --skeleton_foreground_from: #f0f2f5;
-  --skeleton_foreground_to: #e7e8ec;
+  --skeleton_foreground_to: #edeef0;
   --skeleton_shimmer_from: #ffffff;
   --skeleton_shimmer_to: rgba(255, 255, 255, 0);
   --snippet_background: #ffffff;

package/src/testing/utils.tsx

@@ -72,7 +72,7 @@ export function baselineComponent<Props extends BasicProps>(
     : RawComponent;
   mountTest(Component);
   forward &&
-    it("forwards attributes", () => {
+    it("forwards attributes", async () => {
       const cls = "Custom";
       const { rerender } = render(
         <Component
@@ -81,6 +81,7 @@ export function baselineComponent<Props extends BasicProps>(
           style={{ background: "red" }}
         />
       );
+      await waitForPopper();
       // forward DOM attributes
       domAttr && expect(screen.queryByTestId("__cmp__")).toBeTruthy();
 
@@ -141,9 +142,13 @@ export const mockScrollContext = (
 ): [React.FC, jest.Mock] => {
   const getScroll = () => ({ x: 0, y: getY() });
   const scrollTo = jest.fn();
+  const enableScrollLock = jest.fn();
+  const disableScrollLock = jest.fn();
   return [
     (props) => (
-      <ScrollContext.Provider value={{ getScroll, scrollTo }}>
+      <ScrollContext.Provider
+        value={{ getScroll, scrollTo, enableScrollLock, disableScrollLock }}
+      >
         {props.children}
       </ScrollContext.Provider>
     ),
@@ -190,3 +195,11 @@ Object.defineProperty(HTMLElement.prototype, "offsetParent", {
     return this.parentNode;
   },
 });
+
+// Popper update() - https://github.com/popperjs/react-popper/issues/350
+export async function waitForPopper() {
+  await act(async () => {
+    // eslint-disable-next-line @typescript-eslint/await-thenable
+    await null;
+  });
+}

package/src/tokenized/index.ts

@@ -1,4 +1,4 @@
-export { default as Button } from "../components/Button/Button";
+export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 
 export { Card } from "../components/Card/Card";
@@ -7,7 +7,7 @@ export type { CardProps } from "../components/Card/Card";
 export { CardScroll } from "../components/CardScroll/CardScroll";
 export type { CardScrollProps } from "../components/CardScroll/CardScroll";
 
-export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
+export { HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "../components/HorizontalScroll/HorizontalScroll";
 
 export { ButtonGroup } from "../components/ButtonGroup/ButtonGroup";
@@ -20,10 +20,10 @@ export type {
   SegmentedControlValue,
 } from "../components/SegmentedControl/SegmentedControl";
 
-export { default as Title } from "../components/Typography/Title/Title";
+export { Title } from "../components/Typography/Title/Title";
 export type { TitleProps } from "../components/Typography/Title/Title";
 
-export { default as Subhead } from "../components/Typography/Subhead/Subhead";
+export { Subhead } from "../components/Typography/Subhead/Subhead";
 export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
 
 export { Pagination } from "../components/Pagination/Pagination";
@@ -37,3 +37,30 @@ export type { CalendarRangeProps } from "../components/CalendarRange/CalendarRan
 
 export { Caption } from "../components/Typography/Caption/Caption";
 export type { CaptionProps } from "../components/Typography/Caption/Caption";
+
+export { Paragraph } from "../components/Typography/Paragraph/Paragraph";
+export type { ParagraphProps } from "../components/Typography/Paragraph/Paragraph";
+
+export { Input } from "../components/Input/Input";
+export type { InputProps } from "../components/Input/Input";
+
+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 { CustomSelect } from "../components/CustomSelect/CustomSelect";
+export type { CustomSelectProps } from "../components/CustomSelect/CustomSelect";
+
+export { CustomSelectDropdown } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+export type { CustomSelectDropdownProps } from "../components/CustomSelectDropdown/CustomSelectDropdown";
+
+export { CustomSelectOption } from "../components/CustomSelectOption/CustomSelectOption";
+export type { CustomSelectOptionProps } from "../components/CustomSelectOption/CustomSelectOption";
+
+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";

package/tsconfig.json

@@ -27,6 +27,8 @@
     "e2e/**/*.js",
     "tasks/**/*.js",
     ".github/**/*.js",
+    "eslint-plugin-vkui/*.js",
+    "postcss-plugin-vk-sans/*.js",
     "*.js"
   ],
   "files": [

package/.cache/ts/src/helpers/typography.d.ts

@@ -1 +0,0 @@
-export declare function resolveWeight(weight?: "regular" | "medium" | "semibold" | "bold" | "heavy" | "1" | "2" | "3"): "1" | "2" | "3" | undefined;