@vkontakte/vkui 4.25.0 → 4.27.0

package/src/components/SliderSwitch/SliderSwitchButton.tsx

@@ -14,7 +14,10 @@ export interface ButtonProps
   hovered?: boolean;
 }
 
-const SliderSwitchButton: React.FunctionComponent<ButtonProps> = (
+/**
+ * @deprecated Этот компонент устарел и будет удален в 5.0.0.
+ */
+export const SliderSwitchButton: React.FunctionComponent<ButtonProps> = (
   props: ButtonProps
 ) => {
   const { active, hovered, children, getRootRef, ...restProps } = props;
@@ -48,6 +51,3 @@ const SliderSwitchButton: React.FunctionComponent<ButtonProps> = (
     </Tappable>
   );
 };
-
-// eslint-disable-next-line import/no-default-export
-export default SliderSwitchButton;

package/src/components/Snackbar/Snackbar.tsx

@@ -12,13 +12,16 @@ import { AppRootPortal } from "../AppRoot/AppRootPortal";
 import { useWaitTransitionFinish } from "../../hooks/useWaitTransitionFinish";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useTimeout } from "../../hooks/useTimeout";
-import { AdaptivityContextInterface } from "../AdaptivityProvider/AdaptivityContext";
+import {
+  AdaptivityContextInterface,
+  AdaptivityProps,
+} from "../AdaptivityProvider/AdaptivityContext";
 import "./Snackbar.css";
 
 export interface SnackbarProps
   extends React.HTMLAttributes<HTMLElement>,
     HasPlatform,
-    AdaptivityContextInterface {
+    AdaptivityProps {
   /**
    * Название кнопки действия в уведомлении
    */
@@ -51,7 +54,9 @@ export interface SnackbarProps
   onClose: () => void;
 }
 
-const SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {
+const SnackbarComponent: React.FC<
+  SnackbarProps & AdaptivityContextInterface
+> = (props) => {
   const {
     children,
     layout,

package/src/components/Switch/Switch.css

@@ -8,18 +8,6 @@
   cursor: default;
 }
 
-.Switch__self {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  overflow: hidden;
-  opacity: 0;
-}
-
 .Switch__pseudo {
   position: relative;
   display: block;

package/src/components/Switch/Switch.tsx

@@ -3,22 +3,23 @@ import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { callMultiple } from "../../lib/callMultiple";
 import { usePlatform } from "../../hooks/usePlatform";
-import { HasRef, HasRootRef } from "../../types";
+import { HasRootRef } from "../../types";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
-import { useExternRef } from "../../hooks/useExternRef";
+import {
+  VisuallyHiddenInput,
+  VisuallyHiddenInputProps,
+} from "../VisuallyHiddenInput/VisuallyHiddenInput";
 import { useFocusVisible } from "../../hooks/useFocusVisible";
 import { FocusVisible } from "../FocusVisible/FocusVisible";
 import "./Switch.css";
 
 export interface SwitchProps
-  extends React.InputHTMLAttributes<HTMLInputElement>,
-    HasRootRef<HTMLLabelElement>,
-    HasRef<HTMLInputElement> {}
+  extends VisuallyHiddenInputProps,
+    HasRootRef<HTMLLabelElement> {}
 
 export const Switch: React.FC<SwitchProps> = ({
   style,
   className,
-  getRef,
   getRootRef,
   ...restProps
 }: SwitchProps) => {
@@ -26,8 +27,6 @@ export const Switch: React.FC<SwitchProps> = ({
   const { sizeY } = useAdaptivity();
   const { focusVisible, onBlur, onFocus } = useFocusVisible();
 
-  const inputRef = useExternRef(getRef);
-
   return (
     <label
       vkuiClass={classNames(
@@ -43,11 +42,10 @@ export const Switch: React.FC<SwitchProps> = ({
       ref={getRootRef}
       role="presentation"
     >
-      <input
+      <VisuallyHiddenInput
         {...restProps}
         type="checkbox"
         vkuiClass="Switch__self"
-        ref={inputRef}
         onBlur={callMultiple(onBlur, restProps.onBlur)}
         onFocus={callMultiple(onFocus, restProps.onFocus)}
       />

package/src/components/TabbarItem/TabbarItem.tsx

@@ -7,6 +7,7 @@ import { hasReactNode } from "../../lib/utils";
 import Tappable from "../Tappable/Tappable";
 import { Platform } from "../../lib/platform";
 import { HasComponent, HasRootRef } from "../../types";
+import { warnOnce } from "../../lib/warnOnce";
 import "./TabbarItem.css";
 
 export interface TabbarItemProps
@@ -28,6 +29,7 @@ export interface TabbarItemProps
   label?: React.ReactNode;
 }
 
+const warn = warnOnce("TabbarItem");
 const TabbarItem: React.FunctionComponent<TabbarItemProps> = ({
   children,
   selected,
@@ -41,7 +43,12 @@ const TabbarItem: React.FunctionComponent<TabbarItemProps> = ({
 }: TabbarItemProps) => {
   const platform = usePlatform();
 
-  // @ts-ignore ругается на то, что у AllHTMLAttributes type это строка, а button не любую строку считает валидным значением
+  if (label && process.env.NODE_ENV === "development") {
+    warn(
+      "Свойство label устарело и будет удалено в 5.0.0. Используйте indicator."
+    );
+  }
+
   return (
     <Component
       {...restProps}

package/src/components/Typography/Title/Readme.md

@@ -1,44 +1,31 @@
-Упрощения в Android-версии (происходят автоматически):
+Семейство заголовков.
 
-- `semibold` превращается в `medium`
-- `heavy` превращается в `bold`
-- `<Title level="3" />` превращается в `<Headline />`
+```jsx { "props": { "layout": false, "iframe": false } }
+<div style={{ padding: 20 }}>
+  <Title level="1" style={{ marginBottom: 16 }}>
+    Title 1
+  </Title>
+  <Title level="2" style={{ marginBottom: 16 }}>
+    Title 2
+  </Title>
+  <Title level="3">Title 3</Title>
+</div>
+```
+
+## Кастомизация
+
+Есть возможность переопределить жирность.
 
-```jsx
-<View activePanel="test">
-  <Panel id="test">
-    <PanelHeader>Title</PanelHeader>
-    <Group>
-      <Div>
-        <Title level="1" weight="semibold" style={{ marginBottom: 16 }}>
-          Title 1 semibold
-        </Title>
-        <Title level="1" weight="bold" style={{ marginBottom: 16 }}>
-          Title 1 bold
-        </Title>
-        <Title level="1" weight="heavy" style={{ marginBottom: 16 }}>
-          Title 1 heavy
-        </Title>
-        <Title level="2" weight="regular" style={{ marginBottom: 16 }}>
-          Title 2 regular
-        </Title>
-        <Title level="2" weight="semibold" style={{ marginBottom: 16 }}>
-          Title 2 semibold
-        </Title>
-        <Title level="2" weight="heavy" style={{ marginBottom: 16 }}>
-          Title 2 heavy
-        </Title>
-        <Title level="3" weight="regular" style={{ marginBottom: 16 }}>
-          Title 3 regular
-        </Title>
-        <Title level="3" weight="medium" style={{ marginBottom: 16 }}>
-          Title 3 medium
-        </Title>
-        <Title level="3" weight="semibold">
-          Title 3 semibold
-        </Title>
-      </Div>
-    </Group>
-  </Panel>
-</View>
+```jsx { "props": { "layout": false, "iframe": false } }
+<div style={{ padding: 20 }}>
+  <Title level="3" weight="1" style={{ marginBottom: 16 }}>
+    Title 3 weight 1
+  </Title>
+  <Title level="3" weight="2" style={{ marginBottom: 16 }}>
+    Title 3 weight 2
+  </Title>
+  <Title level="3" weight="3">
+    Title 3 weight 3
+  </Title>
+</div>
 ```

package/src/components/Typography/Title/Title.css

@@ -4,47 +4,56 @@
 }
 
 .Title--l-1 {
-  font-size: 24px;
-  line-height: 28px;
+  font-size: var(--vkui--font_title1--font_size--regular);
+  line-height: var(--vkui--font_title1--line_height--regular);
+  font-weight: var(--vkui--font_title1--font_weight--regular);
 }
 
 .Title--l-2 {
-  font-size: 20px;
-  line-height: 24px;
+  font-size: var(--vkui--font_title2--font_size--regular);
+  line-height: var(--vkui--font_title2--line_height--regular);
+  font-weight: var(--vkui--font_title2--font_weight--regular);
 }
 
 .Title--l-3 {
-  font-size: 17px;
-  line-height: 22px;
+  font-size: var(--vkui--font_title3--font_size--regular);
+  line-height: var(--vkui--font_title3--line_height--regular);
+  font-weight: var(--vkui--font_title3--font_weight--regular);
 }
 
+/* TODO удалить перед релизом 5.0.0 */
 .Title--w-regular {
   font-weight: 400;
 }
 
+/* TODO удалить перед релизом 5.0.0 */
 .Title--w-medium {
   font-weight: 500;
 }
 
+/* TODO удалить перед релизом 5.0.0 */
 .Title--w-semibold {
   font-weight: 600;
 }
 
+/* TODO удалить перед релизом 5.0.0 */
 .Title--w-bold {
   font-weight: 700;
 }
 
+/* TODO удалить перед релизом 5.0.0 */
 .Title--w-heavy {
   font-weight: 800;
 }
 
-/**
- * ANDROID
- */
-.Title--android.Title--w-semibold {
-  font-weight: 500;
+.Title--w-1 {
+  font-weight: var(--vkui--font_weight_accent1);
 }
 
-.Title--android.Title--w-heavy {
-  font-weight: 700;
+.Title--w-2 {
+  font-weight: var(--vkui--font_weight_accent2);
+}
+
+.Title--w-3 {
+  font-weight: var(--vkui--font_weight_accent3);
 }

package/src/components/Typography/Title/Title.tsx

@@ -1,51 +1,56 @@
 import * as React from "react";
 import { HasComponent } from "../../../types";
-import { usePlatform } from "../../../hooks/usePlatform";
 import { classNames } from "../../../lib/classNames";
-import { getClassName } from "../../../helpers/getClassName";
-import { ANDROID } from "../../../lib/platform";
-import Headline, { HeadlineProps } from "../Headline/Headline";
+import { warnOnce } from "../../../lib/warnOnce";
 import "./Title.css";
 
 export interface TitleProps
   extends React.AllHTMLAttributes<HTMLElement>,
     HasComponent {
-  weight: "heavy" | "bold" | "semibold" | "medium" | "regular";
+  /**
+   * Начертания "heavy", "bold", "semibold", "medium" и "regular" устарели и будут удалены в 5.0.0.
+   */
+  weight?:
+    | "heavy"
+    | "bold"
+    | "semibold"
+    | "medium"
+    | "regular"
+    | "1"
+    | "2"
+    | "3";
   level: "1" | "2" | "3";
 }
 
+const warn = warnOnce("Title");
+
 const Title: React.FC<TitleProps> = ({
   children,
-  weight = "regular",
+  weight,
   level = "1",
   Component,
   ...restProps
 }: TitleProps) => {
-  const platform = usePlatform();
-
   if (!Component) {
     Component = ("h" + level) as React.ElementType;
   }
 
-  if (platform === ANDROID && level === "3") {
-    const headlineWeight: HeadlineProps["weight"] =
-      weight === "regular" ? weight : "medium";
-
-    return (
-      <Headline Component={Component} {...restProps} weight={headlineWeight}>
-        {children}
-      </Headline>
-    );
+  if (process.env.NODE_ENV === "development") {
+    if (
+      weight &&
+      ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)
+    )
+      warn(
+        `Начертание "${weight}" устарело и будет удалено в 5.0.0. Используйте значения "1", "2" и "3"`
+      );
   }
 
   return (
     <Component
       {...restProps}
-      vkuiClass={classNames(
-        getClassName("Title", platform),
-        `Title--w-${weight}`,
-        `Title--l-${level}`
-      )}
+      vkuiClass={classNames("Title", `Title--l-${level}`, {
+        [`Title--w-${weight}`]: !!weight,
+      })}
     >
       {children}
     </Component>

package/src/components/View/View.tsx

@@ -24,8 +24,6 @@ import { warnOnce } from "../../lib/warnOnce";
 import { swipeBackExcluded } from "./utils";
 import "./View.css";
 
-const warn = warnOnce("View");
-
 enum SwipeBackResults {
   fail = 1,
   success,
@@ -107,6 +105,7 @@ export interface ViewState {
   browserSwipe: boolean;
 }
 
+const warn = warnOnce("View");
 class View extends React.Component<ViewProps & DOMProps, ViewState> {
   constructor(props: ViewProps) {
     super(props);
@@ -153,6 +152,20 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
 
   panelNodes: { [id: string]: HTMLDivElement | null } = {};
 
+  componentDidMount() {
+    if (process.env.NODE_ENV === "development") {
+      const { popout, modal } = this.props;
+      popout &&
+        warn(
+          "Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout."
+        );
+      modal &&
+        warn(
+          "Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout."
+        );
+    }
+  }
+
   componentWillUnmount() {
     const id = getNavId(this.props);
     if (id) {

package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css

@@ -0,0 +1,9 @@
+.VisuallyHiddenInput {
+  position: absolute;
+  height: 1px;
+  white-space: nowrap;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  overflow: hidden;
+  opacity: 0;
+}

package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { useExternRef } from "../../hooks/useExternRef";
+import { HasRef } from "../../types";
+import "./VisuallyHiddenInput.css";
+
+export interface VisuallyHiddenInputProps
+  extends React.InputHTMLAttributes<HTMLInputElement>,
+    HasRef<HTMLInputElement> {}
+
+/**
+ * @description
+ * Обертка над обычным `<input/>`; дает
+ * скрыть его визуально и оставить
+ * доступным для ассистивных технологий.
+ */
+export const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps> = ({
+  getRef,
+  ...restProps
+}) => {
+  const inputRef = useExternRef(getRef);
+
+  return (
+    <input {...restProps} vkuiClass="VisuallyHiddenInput" ref={inputRef} />
+  );
+};

package/src/hooks/usePlatform.ts

@@ -3,7 +3,7 @@ import { PlatformType } from "../lib/platform";
 import { SSRContext } from "../lib/SSR";
 import { ConfigProviderContext } from "../components/ConfigProvider/ConfigProviderContext";
 
-export function usePlatform(): PlatformType | undefined {
+export function usePlatform(): PlatformType {
   const ssrContext = React.useContext(SSRContext);
   const { platform } = React.useContext(ConfigProviderContext);
   return ssrContext.platform || platform;

package/src/index.ts

@@ -41,14 +41,14 @@ export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
  */
 export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";
 export type { PopoutWrapperProps } from "./components/PopoutWrapper/PopoutWrapper";
-export { default as Alert } from "./components/Alert/Alert";
+export { Alert } from "./components/Alert/Alert";
 export type {
   AlertProps,
   AlertActionInterface,
 } from "./components/Alert/Alert";
 export { ActionSheet } from "./components/ActionSheet/ActionSheet";
 export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
-export { default as ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
+export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
 export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
 export { default as ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
 export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
@@ -80,11 +80,11 @@ export { default as Button } from "./components/Button/Button";
 export type { ButtonProps } from "./components/Button/Button";
 export { default as IconButton } from "./components/IconButton/IconButton";
 export type { IconButtonProps } from "./components/IconButton/IconButton";
-export { default as Card } from "./components/Card/Card";
+export { Card } from "./components/Card/Card";
 export type { CardProps } from "./components/Card/Card";
 export { default as CardGrid } from "./components/CardGrid/CardGrid";
 export type { CardGridProps } from "./components/CardGrid/CardGrid";
-export { default as CardScroll } from "./components/CardScroll/CardScroll";
+export { CardScroll } from "./components/CardScroll/CardScroll";
 export type { CardScrollProps } from "./components/CardScroll/CardScroll";
 export { default as ContentCard } from "./components/ContentCard/ContentCard";
 export type { ContentCardProps } from "./components/ContentCard/ContentCard";
@@ -94,7 +94,7 @@ export { default as Header } from "./components/Header/Header";
 export type { HeaderProps } from "./components/Header/Header";
 export { default as Group } from "./components/Group/Group";
 export type { GroupProps } from "./components/Group/Group";
-export { default as Gradient } from "./components/Gradient/Gradient";
+export { Gradient } from "./components/Gradient/Gradient";
 export type { GradientProps } from "./components/Gradient/Gradient";
 export { default as List } from "./components/List/List";
 export { Cell } from "./components/Cell/Cell";
@@ -176,7 +176,7 @@ export { default as File } from "./components/File/File";
 export type { FileProps } from "./components/File/File";
 export { default as Input } from "./components/Input/Input";
 export type { InputProps } from "./components/Input/Input";
-export { default as Chip } from "./components/Chip/Chip";
+export { Chip } from "./components/Chip/Chip";
 export type { ChipProps } from "./components/Chip/Chip";
 export { default as ChipsInput } from "./components/ChipsInput/ChipsInput";
 export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
@@ -210,11 +210,17 @@ export type {
   DatePickerProps,
   DatePickerDateFormat,
 } from "./components/DatePicker/DatePicker";
-export { default as SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
+export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
 export type {
   SliderSwitchProps,
   SliderSwitchOptionInterface,
 } from "./components/SliderSwitch/SliderSwitch";
+export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
+export type {
+  SegmentedControlProps,
+  SegmentedControlOptionInterface,
+  SegmentedControlValue,
+} from "./components/SegmentedControl/SegmentedControl";
 
 /**
  * Helpers
@@ -239,7 +245,7 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
  * Wrappers
  */
 export { AppRoot } from "./components/AppRoot/AppRoot";
-export { default as AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
+export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
 export {

package/src/lib/platform.ts

@@ -10,7 +10,11 @@ export const ANDROID = Platform.ANDROID;
 export const IOS = Platform.IOS;
 export const VKCOM = Platform.VKCOM;
 
-export type PlatformType = Platform.ANDROID | Platform.IOS | Platform.VKCOM;
+export type PlatformType =
+  | Platform.ANDROID
+  | Platform.IOS
+  | Platform.VKCOM
+  | string;
 
 export function platform(browserInfo?: BrowserInfo): PlatformType {
   if (!browserInfo) {

package/src/lib/utils.ts

@@ -88,3 +88,9 @@ export function getTitleFromChildren(children: React.ReactNode): string {
 
   return label;
 }
+
+export const generateRandomId = () => {
+  return Math.random()
+    .toString(36)
+    .replace(/[^a-z]+/g, "");
+};

package/src/styles/components.css

@@ -126,6 +126,9 @@
 @import "../components/SliderSwitch/SliderSwitch.css";
 @import "../components/Popper/Popper.css";
 @import "../components/CustomSelectDropdown/CustomSelectDropdown.css";
+@import "../components/SegmentedControl/SegmentedControl.css";
+@import "../components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css";
+@import "../components/VisuallyHiddenInput/VisuallyHiddenInput.css";
 
 /* Advertisement */
 @import "../components/PromoBanner/PromoBanner.css";

package/src/styles/themes.css

@@ -2,3 +2,9 @@
 @import "./space_gray.css";
 @import "./vkcom_light.css";
 @import "./vkcom_dark.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariables.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css";
+@import "../../node_modules/@vkontakte/vkui-tokens/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css";

package/src/testing/utils.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { render, RenderResult, screen } from "@testing-library/react";
-import AdaptivityProvider from "../components/AdaptivityProvider/AdaptivityProvider";
+import { AdaptivityProvider } from "../components/AdaptivityProvider/AdaptivityProvider";
 import { AdaptivityProps } from "../components/AdaptivityProvider/AdaptivityContext";
 import { ImgOnlyAttributes } from "../lib/utils";
 import { ScrollContext } from "../components/AppRoot/ScrollContext";

package/src/tokenized/index.ts

@@ -0,0 +1,15 @@
+export { default as Button } from "../components/Button/Button";
+export type { ButtonProps } from "../components/Button/Button";
+
+export { Card } from "../components/Card/Card";
+export type { CardProps } from "../components/Card/Card";
+
+export { CardScroll } from "../components/CardScroll/CardScroll";
+export type { CardScrollProps } from "../components/CardScroll/CardScroll";
+
+export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
+export type {
+  SegmentedControlProps,
+  SegmentedControlOptionInterface,
+  SegmentedControlValue,
+} from "../components/SegmentedControl/SegmentedControl";

package/types/global.d.ts

@@ -1,12 +1,7 @@
 import "react";
-import { Scheme } from "../src/helpers/scheme";
 
 declare module "react" {
   interface Attributes {
     vkuiClass?: string | string[];
   }
-
-  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-    scheme?: Scheme | "inherit";
-  }
 }

package/.cache/ts/src/tokenized/tokenized.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from "../components/Button/Button";
-export type { ButtonProps } from "../components/Button/Button";

package/dist/cjs/tokenized/tokenized.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from "../components/Button/Button";
-export type { ButtonProps } from "../components/Button/Button";

package/dist/cjs/tokenized/tokenized.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-
-var _Button = _interopRequireDefault(require("../components/Button/Button"));
-//# sourceMappingURL=tokenized.js.map

package/dist/cjs/tokenized/tokenized.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/tokenized/tokenized.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Button } from \"../components/Button/Button\";\nexport type { ButtonProps } from \"../components/Button/Button\";\n"],"file":"tokenized.js"}

package/dist/cssm/tokenized/tokenized.js

@@ -1,2 +0,0 @@
-export { default as Button } from "../components/Button/Button";
-//# sourceMappingURL=tokenized.js.map