@vkontakte/vkui 7.9.2 → 7.10.0

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,kEAMpB,WAAW,KAAG,KAAK,CAAC,SAYtB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,kEAMpB,WAAW,KAAG,KAAK,CAAC,SAatB,CAAC"}

package/dist/components/Footer/Footer.js

@@ -17,7 +17,8 @@ import { Footnote } from "../Typography/Footnote/Footnote.js";
     const role = roleProp !== null && roleProp !== void 0 ? roleProp : Component === 'footer' ? 'contentinfo' : undefined;
     return /*#__PURE__*/ _jsx(Footnote, _object_spread_props(_object_spread({
         Component: Component,
-        role: role
+        role: role,
+        align: "center"
     }, restProps), {
         className: classNames("vkuiFooter__host", className),
         children: children

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkui.io/components/group#footer\n */\nexport const Footer = ({\n  children,\n  className,\n  Component = 'footer',\n  role: roleProp,\n  ...restProps\n}: FooterProps): React.ReactNode => {\n  const role = roleProp ?? (Component === 'footer' ? 'contentinfo' : undefined);\n  return (\n    <Footnote\n      Component={Component}\n      role={role}\n      {...restProps}\n      className={classNames(styles.host, className)}\n    >\n      {children}\n    </Footnote>\n  );\n};\n"],"names":["React","classNames","Footnote","Footer","children","className","Component","role","roleProp","restProps","undefined"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,qCAAkC;AAK3D;;CAEC,GACD,OAAO,MAAMC,SAAS;QAAC,EACrBC,QAAQ,EACRC,SAAS,EACTC,YAAY,QAAQ,EACpBC,MAAMC,QAAQ,EAEF,WADTC;QAJHL;QACAC;QACAC;QACAC;;IAGA,MAAMA,OAAOC,qBAAAA,sBAAAA,WAAaF,cAAc,WAAW,gBAAgBI;IACnE,qBACE,KAACR;QACCI,WAAWA;QACXC,MAAMA;OACFE;QACJJ,WAAWJ,+BAAwBI;kBAElCD;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkui.io/components/group#footer\n */\nexport const Footer = ({\n  children,\n  className,\n  Component = 'footer',\n  role: roleProp,\n  ...restProps\n}: FooterProps): React.ReactNode => {\n  const role = roleProp ?? (Component === 'footer' ? 'contentinfo' : undefined);\n  return (\n    <Footnote\n      Component={Component}\n      role={role}\n      align=\"center\"\n      {...restProps}\n      className={classNames(styles.host, className)}\n    >\n      {children}\n    </Footnote>\n  );\n};\n"],"names":["React","classNames","Footnote","Footer","children","className","Component","role","roleProp","restProps","undefined","align"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,qCAAkC;AAK3D;;CAEC,GACD,OAAO,MAAMC,SAAS;QAAC,EACrBC,QAAQ,EACRC,SAAS,EACTC,YAAY,QAAQ,EACpBC,MAAMC,QAAQ,EAEF,WADTC;QAJHL;QACAC;QACAC;QACAC;;IAGA,MAAMA,OAAOC,qBAAAA,sBAAAA,WAAaF,cAAc,WAAW,gBAAgBI;IACnE,qBACE,KAACR;QACCI,WAAWA;QACXC,MAAMA;QACNI,OAAM;OACFF;QACJJ,WAAWJ,+BAAwBI;kBAElCD;;AAGP,EAAE"}

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

@@ -1,14 +1,18 @@
 import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { type HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';
-export interface SubnavigationBarProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Pick<HorizontalScrollProps, 'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {
+export interface SubnavigationBarProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Pick<HorizontalScrollProps, 'showArrows' | 'arrowSize' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {
     /**
      * Отключение возможности прокручивания компонента по горизонтали.
      */
     fixed?: boolean;
+    /**
+     * Отключает отступы. Рекомендуется использовать с `mode="outline"` у [`SubnavigationButton`](https://vkui.io/components/subnavigation-button).
+     */
+    noPadding?: boolean;
 }
 /**
  * @see https://vkui.io/components/subnavigation-bar
  */
-export declare const SubnavigationBar: ({ fixed, children, showArrows, getScrollToLeft, getScrollToRight, scrollAnimationDuration, ...restProps }: SubnavigationBarProps) => React.ReactNode;
+export declare const SubnavigationBar: ({ fixed, children, showArrows, noPadding, arrowSize, getScrollToLeft, getScrollToRight, scrollAnimationDuration, ...restProps }: SubnavigationBarProps) => React.ReactNode;
 //# sourceMappingURL=SubnavigationBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAEL,KAAK,qBAAqB,EAE3B,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;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAMD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,2GAQ9B,qBAAqB,KAAG,KAAK,CAAC,SA+BhC,CAAC"}
+{"version":3,"file":"SubnavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CACF,qBAAqB,EACnB,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,kBAAkB,GAClB,yBAAyB,CAC5B;IACH;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,iIAU9B,qBAAqB,KAAG,KAAK,CAAC,SAgChC,CAAC"}

package/dist/components/SubnavigationBar/SubnavigationBar.js

@@ -3,7 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { hasReactNode } from "@vkontakte/vkjs";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
 import { HorizontalScroll } from "../HorizontalScroll/HorizontalScroll.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 const defaultScrollToLeft = (x)=>x - 240;
@@ -11,10 +11,12 @@ const defaultScrollToRight = (x)=>x + 240;
 /**
  * @see https://vkui.io/components/subnavigation-bar
  */ export const SubnavigationBar = (_param)=>{
-    var { fixed = false, children, showArrows = true, getScrollToLeft = defaultScrollToLeft, getScrollToRight = defaultScrollToRight, scrollAnimationDuration } = _param, restProps = _object_without_properties(_param, [
+    var { fixed = false, children, showArrows = true, noPadding = false, arrowSize = 's', getScrollToLeft = defaultScrollToLeft, getScrollToRight = defaultScrollToRight, scrollAnimationDuration } = _param, restProps = _object_without_properties(_param, [
         "fixed",
         "children",
         "showArrows",
+        "noPadding",
+        "arrowSize",
         "getScrollToLeft",
         "getScrollToRight",
         "scrollAnimationDuration"
@@ -27,6 +29,7 @@ const defaultScrollToRight = (x)=>x + 240;
         ScrollWrapper = HorizontalScroll;
         scrollWrapperProps = {
             showArrows,
+            arrowSize,
             getScrollToLeft,
             getScrollToRight,
             scrollAnimationDuration
@@ -39,7 +42,7 @@ const defaultScrollToRight = (x)=>x + 240;
             className: "vkuiSubnavigationBar__in"
         }, scrollWrapperProps), {
             children: /*#__PURE__*/ _jsx("ul", {
-                className: "vkuiSubnavigationBar__scrollIn",
+                className: classNames("vkuiSubnavigationBar__scrollIn", noPadding && "vkuiSubnavigationBar__noPadding"),
                 children: React.Children.map(children, (child, idx)=>hasReactNode(child) ? /*#__PURE__*/ _jsx("li", {
                         className: "vkuiSubnavigationBar__item",
                         children: child

package/dist/components/SubnavigationBar/SubnavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n  HorizontalScroll,\n  type HorizontalScrollProps,\n  type ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'\n    > {\n  /**\n   * Отключение возможности прокручивания компонента по горизонтали.\n   */\n  fixed?: boolean;\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkui.io/components/subnavigation-bar\n */\nexport const SubnavigationBar = ({\n  fixed = false,\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  ...restProps\n}: SubnavigationBarProps): React.ReactNode => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (fixed) {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <RootComponent baseClassName={fixed && styles.modeFixed} {...restProps}>\n      <ScrollWrapper className={styles.in} {...scrollWrapperProps}>\n        <ul className={styles.scrollIn}>\n          {React.Children.map(children, (child, idx) =>\n            hasReactNode(child) ? (\n              <li key={idx} className={styles.item}>\n                {child}\n              </li>\n            ) : null,\n          )}\n        </ul>\n      </ScrollWrapper>\n    </RootComponent>\n  );\n};\n"],"names":["React","hasReactNode","HorizontalScroll","RootComponent","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","fixed","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","ScrollWrapper","scrollWrapperProps","baseClassName","className","ul","Children","map","child","idx","li"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SACEC,gBAAgB,QAGX,0CAAuC;AAC9C,SAASC,aAAa,QAAQ,oCAAiC;AAe/D,MAAMC,sBAA6C,CAACC,IAAMA,IAAI;AAE9D,MAAMC,uBAA8C,CAACD,IAAMA,IAAI;AAE/D;;CAEC,GACD,OAAO,MAAME,mBAAmB;QAAC,EAC/BC,QAAQ,KAAK,EACbC,QAAQ,EACRC,aAAa,IAAI,EACjBC,kBAAkBP,mBAAmB,EACrCQ,mBAAmBN,oBAAoB,EACvCO,uBAAuB,EAED,WADnBC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAIE;IACJ,IAAIC,qBAAqB,CAAC;IAE1B,IAAIR,OAAO;QACTO,gBAAgB;IAClB,OAAO;QACLA,gBAAgBb;QAChBc,qBAAqB;YACnBN;YACAC;YACAC;YACAC;QACF;IACF;IAEA,qBACE,KAACV;QAAcc,eAAeT;OAA+BM;kBAC3D,cAAA,KAACC;YAAcG,SAAS;WAAiBF;sBACvC,cAAA,KAACG;gBAAGD,SAAS;0BACVlB,MAAMoB,QAAQ,CAACC,GAAG,CAACZ,UAAU,CAACa,OAAOC,MACpCtB,aAAaqB,uBACX,KAACE;wBAAaN,SAAS;kCACpBI;uBADMC,OAGP;;;;AAMhB,EAAE"}
+{"version":3,"sources":["../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n  HorizontalScroll,\n  type HorizontalScrollProps,\n  type ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      | 'showArrows'\n      | 'arrowSize'\n      | 'getScrollToLeft'\n      | 'getScrollToRight'\n      | 'scrollAnimationDuration'\n    > {\n  /**\n   * Отключение возможности прокручивания компонента по горизонтали.\n   */\n  fixed?: boolean;\n  /**\n   * Отключает отступы. Рекомендуется использовать с `mode=\"outline\"` у [`SubnavigationButton`](https://vkui.io/components/subnavigation-button).\n   */\n  noPadding?: boolean;\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkui.io/components/subnavigation-bar\n */\nexport const SubnavigationBar = ({\n  fixed = false,\n  children,\n  showArrows = true,\n  noPadding = false,\n  arrowSize = 's',\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  ...restProps\n}: SubnavigationBarProps): React.ReactNode => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (fixed) {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      arrowSize,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <RootComponent baseClassName={fixed && styles.modeFixed} {...restProps}>\n      <ScrollWrapper className={styles.in} {...scrollWrapperProps}>\n        <ul className={classNames(styles.scrollIn, noPadding && styles.noPadding)}>\n          {React.Children.map(children, (child, idx) =>\n            hasReactNode(child) ? (\n              <li key={idx} className={styles.item}>\n                {child}\n              </li>\n            ) : null,\n          )}\n        </ul>\n      </ScrollWrapper>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","HorizontalScroll","RootComponent","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","fixed","children","showArrows","noPadding","arrowSize","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","ScrollWrapper","scrollWrapperProps","baseClassName","className","ul","Children","map","child","idx","li"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SACEC,gBAAgB,QAGX,0CAAuC;AAC9C,SAASC,aAAa,QAAQ,oCAAiC;AAuB/D,MAAMC,sBAA6C,CAACC,IAAMA,IAAI;AAE9D,MAAMC,uBAA8C,CAACD,IAAMA,IAAI;AAE/D;;CAEC,GACD,OAAO,MAAME,mBAAmB;QAAC,EAC/BC,QAAQ,KAAK,EACbC,QAAQ,EACRC,aAAa,IAAI,EACjBC,YAAY,KAAK,EACjBC,YAAY,GAAG,EACfC,kBAAkBT,mBAAmB,EACrCU,mBAAmBR,oBAAoB,EACvCS,uBAAuB,EAED,WADnBC;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAIE;IACJ,IAAIC,qBAAqB,CAAC;IAE1B,IAAIV,OAAO;QACTS,gBAAgB;IAClB,OAAO;QACLA,gBAAgBf;QAChBgB,qBAAqB;YACnBR;YACAE;YACAC;YACAC;YACAC;QACF;IACF;IAEA,qBACE,KAACZ;QAAcgB,eAAeX;OAA+BQ;kBAC3D,cAAA,KAACC;YAAcG,SAAS;WAAiBF;sBACvC,cAAA,KAACG;gBAAGD,WAAWpB,6CAA4BW;0BACxCZ,MAAMuB,QAAQ,CAACC,GAAG,CAACd,UAAU,CAACe,OAAOC,MACpCxB,aAAauB,uBACX,KAACE;wBAAaN,SAAS;kCACpBI;uBADMC,OAGP;;;;AAMhB,EAAE"}

package/dist/components/Typography/Typography.d.ts

@@ -26,6 +26,10 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      * Делает блок инлайновым.
      */
     inline?: boolean;
+    /**
+     * Выравнивание текста. Не имеет эффекта при inline={true}.
+     */
+    align?: 'start' | 'center' | 'end';
 }
-export declare const Typography: ({ weight, useAccentWeight, Component, normalize, inline, ...restProps }: TypographyProps) => React.ReactNode;
+export declare const Typography: ({ weight, useAccentWeight, Component, normalize, inline, align, ...restProps }: TypographyProps) => React.ReactNode;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAU5D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,EAAE,eAAe,UAAQ,UAM5F;AAED,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,YAAY,EACZ,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,GAAI,yEAOxB,eAAe,KAAG,KAAK,CAAC,SAW1B,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAgB5D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,EAAE,eAAe,UAAQ,UAM5F;AAED,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,YAAY,EACZ,UAAU,CAAC,WAAW,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,GAAI,gFAQxB,eAAe,KAAG,KAAK,CAAC,SAY1B,CAAC"}

package/dist/components/Typography/Typography.js

@@ -9,6 +9,11 @@ const stylesWeight = {
     '2': "vkuiTypography__weight2",
     '3': "vkuiTypography__weight3"
 };
+const stylesAlign = {
+    start: "vkuiTypography__alignStart",
+    center: "vkuiTypography__alignCenter",
+    end: "vkuiTypography__alignEnd"
+};
 export function weightClassNames(weight, useAccentWeight = false) {
     if (!weight) {
         return '';
@@ -16,16 +21,17 @@ export function weightClassNames(weight, useAccentWeight = false) {
     return classNames(stylesWeight[weight], useAccentWeight && "vkuiTypography__accent");
 }
 export const Typography = (_param)=>{
-    var { weight, useAccentWeight, Component = 'span', normalize, inline } = _param, restProps = _object_without_properties(_param, [
+    var { weight, useAccentWeight, Component = 'span', normalize, inline, align } = _param, restProps = _object_without_properties(_param, [
         "weight",
         "useAccentWeight",
         "Component",
         "normalize",
-        "inline"
+        "inline",
+        "align"
     ]);
     return /*#__PURE__*/ _jsx(RootComponent, _object_spread({
         Component: Component,
-        baseClassName: classNames("vkuiTypography__host", normalize && "vkuiTypography__normalize", inline && "vkuiTypography__inline", weightClassNames(weight, useAccentWeight))
+        baseClassName: classNames("vkuiTypography__host", normalize && "vkuiTypography__normalize", inline && "vkuiTypography__inline", weightClassNames(weight, useAccentWeight), align && stylesAlign[align])
     }, restProps));
 };
 

package/dist/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles.weight1,\n  '2': styles.weight2,\n  '3': styles.weight3,\n};\n\nexport function weightClassNames(weight: '1' | '2' | '3' | undefined, useAccentWeight = false) {\n  if (!weight) {\n    return '';\n  }\n\n  return classNames(stylesWeight[weight], useAccentWeight && styles.accent);\n}\n\nexport interface HasCaps {\n  /**\n   * Отображение текста в верхнем регистре.\n   */\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Включает акцентный тип начертания шрифта.\n   * Используются токены fontWeightAccent[1, 2, 3]\n   * Используется только вместе с `weight`.\n   */\n  useAccentWeight?: boolean;\n  /**\n   * Убирает внешние отступы.\n   */\n  normalize?: boolean;\n  /**\n   * Делает блок инлайновым.\n   */\n  inline?: boolean;\n}\n\nexport const Typography = ({\n  weight,\n  useAccentWeight,\n  Component = 'span',\n  normalize,\n  inline,\n  ...restProps\n}: TypographyProps): React.ReactNode => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles.host,\n      normalize && styles.normalize,\n      inline && styles.inline,\n      weightClassNames(weight, useAccentWeight),\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","RootComponent","stylesWeight","weightClassNames","weight","useAccentWeight","Typography","Component","normalize","inline","restProps","baseClassName"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,OAAO,SAASC,iBAAiBC,MAAmC,EAAEC,kBAAkB,KAAK;IAC3F,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,OAAOJ,WAAWE,YAAY,CAACE,OAAO,EAAEC;AAC1C;AAiCA,OAAO,MAAMC,aAAa;QAAC,EACzBF,MAAM,EACNC,eAAe,EACfE,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EAEU,WADbC;QALHN;QACAC;QACAE;QACAC;QACAC;;yBAGA,KAACR;QACCM,WAAWA;QACXI,eAAeX,mCAEbQ,0CACAC,oCACAN,iBAAiBC,QAAQC;OAEvBK;EAEN"}
+{"version":3,"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Typography.module.css';\n\nconst stylesWeight = {\n  '1': styles.weight1,\n  '2': styles.weight2,\n  '3': styles.weight3,\n};\n\nconst stylesAlign = {\n  start: styles.alignStart,\n  center: styles.alignCenter,\n  end: styles.alignEnd,\n};\n\nexport function weightClassNames(weight: '1' | '2' | '3' | undefined, useAccentWeight = false) {\n  if (!weight) {\n    return '';\n  }\n\n  return classNames(stylesWeight[weight], useAccentWeight && styles.accent);\n}\n\nexport interface HasCaps {\n  /**\n   * Отображение текста в верхнем регистре.\n   */\n  caps?: boolean;\n}\n\nexport interface TypographyProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent,\n    HasRootRef<HTMLElement> {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: '1' | '2' | '3';\n  /**\n   * Включает акцентный тип начертания шрифта.\n   * Используются токены fontWeightAccent[1, 2, 3]\n   * Используется только вместе с `weight`.\n   */\n  useAccentWeight?: boolean;\n  /**\n   * Убирает внешние отступы.\n   */\n  normalize?: boolean;\n  /**\n   * Делает блок инлайновым.\n   */\n  inline?: boolean;\n  /**\n   * Выравнивание текста. Не имеет эффекта при inline={true}.\n   */\n  align?: 'start' | 'center' | 'end';\n}\n\nexport const Typography = ({\n  weight,\n  useAccentWeight,\n  Component = 'span',\n  normalize,\n  inline,\n  align,\n  ...restProps\n}: TypographyProps): React.ReactNode => (\n  <RootComponent\n    Component={Component}\n    baseClassName={classNames(\n      styles.host,\n      normalize && styles.normalize,\n      inline && styles.inline,\n      weightClassNames(weight, useAccentWeight),\n      align && stylesAlign[align],\n    )}\n    {...restProps}\n  />\n);\n"],"names":["React","classNames","RootComponent","stylesWeight","stylesAlign","start","center","end","weightClassNames","weight","useAccentWeight","Typography","Component","normalize","inline","align","restProps","baseClassName"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnB,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,cAAc;IAClBC,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,OAAO,SAASC,iBAAiBC,MAAmC,EAAEC,kBAAkB,KAAK;IAC3F,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,OAAOR,WAAWE,YAAY,CAACM,OAAO,EAAEC;AAC1C;AAqCA,OAAO,MAAMC,aAAa;QAAC,EACzBF,MAAM,EACNC,eAAe,EACfE,YAAY,MAAM,EAClBC,SAAS,EACTC,MAAM,EACNC,KAAK,EAEW,WADbC;QANHP;QACAC;QACAE;QACAC;QACAC;QACAC;;yBAGA,KAACb;QACCU,WAAWA;QACXK,eAAehB,mCAEbY,0CACAC,oCACAN,iBAAiBC,QAAQC,kBACzBK,SAASX,WAAW,CAACW,MAAM;OAEzBC;EAEN"}