@vkontakte/vkui 7.9.2 → 7.10.1

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"}