@vkontakte/vkui 7.8.2 → 7.9.1

package/dist/lib/layouts/types.d.ts

@@ -0,0 +1,123 @@
+import type { LiteralUnion } from '../../types';
+export type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+export type CSSGlobalValue = 'inherit' | 'initial' | 'unset';
+export type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';
+export type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed';
+export type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;
+export type PaddingProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;
+export type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;
+export type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;
+export type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;
+export type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;
+export type FlexBasisProp = LiteralUnion<CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue, number | string>;
+export interface LayoutProps {
+    /**
+     * Внутренние отступы со всех сторон.
+     */
+    padding?: PaddingProp;
+    /**
+     * Внутренние отступы по строчной оси.
+     */
+    paddingInline?: PaddingProp;
+    /**
+     * Внутренние отступы по блочной оси.
+     */
+    paddingBlock?: PaddingProp;
+    /**
+     * Внутренний начальный отступ по строчной оси.
+     */
+    paddingInlineStart?: PaddingProp;
+    /**
+     * Внутренний конечный отступ по строчной оси.
+     */
+    paddingInlineEnd?: PaddingProp;
+    /**
+     * Внутренний начальный отступ по блочной оси.
+     */
+    paddingBlockStart?: PaddingProp;
+    /**
+     * Внутренний конечный отступ по блочной оси.
+     */
+    paddingBlockEnd?: PaddingProp;
+    /**
+     * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
+     */
+    inlineSize?: SizeProp;
+    /**
+     * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
+     */
+    minInlineSize?: Exclude<SizeProp, 'auto'>;
+    /**
+     * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
+     */
+    maxInlineSize?: Exclude<SizeProp, 'auto'>;
+    /**
+     * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
+     */
+    blockSize?: SizeProp;
+    /**
+     * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
+     */
+    minBlockSize?: SizeProp;
+    /**
+     * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
+     */
+    maxBlockSize?: SizeProp;
+    /**
+     * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.
+     */
+    inset?: InsetProp;
+    /**
+     * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).
+     */
+    insetInline?: InsetProp;
+    /**
+     * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).
+     */
+    insetBlock?: InsetProp;
+    /**
+     * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).
+     */
+    insetInlineStart?: InsetProp;
+    /**
+     * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).
+     */
+    insetInlineEnd?: InsetProp;
+    /**
+     * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).
+     */
+    insetBlockStart?: InsetProp;
+    /**
+     * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).
+     */
+    insetBlockEnd?: InsetProp;
+    /**
+     * Позиционирование элемента.
+     */
+    position?: PositionValue;
+    /**
+     * Управление переполнением содержимого.
+     */
+    overflow?: OverflowValue;
+    /**
+     * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).
+     */
+    overflowBlock?: OverflowValue;
+    /**
+     * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).
+     */
+    overflowInline?: OverflowValue;
+    /**
+     * Определяет, насколько элемент будет расти относительно остальных flex-элементов.
+     */
+    flexGrow?: FlexGrowProp;
+    /**
+     * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.
+     */
+    flexShrink?: FlexShrinkProp;
+    /**
+     * Определяет начальный размер flex-элемента.
+     */
+    flexBasis?: FlexBasisProp;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/layouts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/layouts/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/lib/layouts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n  CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n  number | string\n>;\n\nexport interface LayoutProps {\n  /**\n   * Внутренние отступы со всех сторон.\n   */\n  padding?: PaddingProp;\n  /**\n   * Внутренние отступы по строчной оси.\n   */\n  paddingInline?: PaddingProp;\n  /**\n   * Внутренние отступы по блочной оси.\n   */\n  paddingBlock?: PaddingProp;\n  /**\n   * Внутренний начальный отступ по строчной оси.\n   */\n  paddingInlineStart?: PaddingProp;\n  /**\n   * Внутренний конечный отступ по строчной оси.\n   */\n  paddingInlineEnd?: PaddingProp;\n  /**\n   * Внутренний начальный отступ по блочной оси.\n   */\n  paddingBlockStart?: PaddingProp;\n  /**\n   * Внутренний конечный отступ по блочной оси.\n   */\n  paddingBlockEnd?: PaddingProp;\n  /**\n   * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  inlineSize?: SizeProp;\n  /**\n   * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  minInlineSize?: Exclude<SizeProp, 'auto'>;\n  /**\n   * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  maxInlineSize?: Exclude<SizeProp, 'auto'>;\n  /**\n   * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  blockSize?: SizeProp;\n  /**\n   * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  minBlockSize?: SizeProp;\n  /**\n   * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  maxBlockSize?: SizeProp;\n  /**\n   * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n   */\n  inset?: InsetProp;\n  /**\n   * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n   */\n  insetInline?: InsetProp;\n  /**\n   * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n   */\n  insetBlock?: InsetProp;\n  /**\n   * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n   */\n  insetInlineStart?: InsetProp;\n  /**\n   * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n   */\n  insetInlineEnd?: InsetProp;\n  /**\n   * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n   */\n  insetBlockStart?: InsetProp;\n  /**\n   * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n   */\n  insetBlockEnd?: InsetProp;\n  /**\n   * Позиционирование элемента.\n   */\n  position?: PositionValue;\n  /**\n   * Управление переполнением содержимого.\n   */\n  overflow?: OverflowValue;\n  /**\n   * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n   */\n  overflowBlock?: OverflowValue;\n  /**\n   * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n   */\n  overflowInline?: OverflowValue;\n  /**\n   * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n   */\n  flexGrow?: FlexGrowProp;\n  /**\n   * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n   */\n  flexShrink?: FlexShrinkProp;\n  /**\n   * Определяет начальный размер flex-элемента.\n   */\n  flexBasis?: FlexBasisProp;\n}\n"],"names":[],"mappings":"AAgCA,WA6GC"}

package/dist/lib/warnOnce.js

@@ -11,7 +11,7 @@ export function warnOnce(zone) {
     };
 }
 function getA11yRuleUrl(ruleName) {
-    // see jest-axe's axe-core dependency
+    // see vitest-axe's axe-core dependency
     const AXE_CORE_MINOR_VERSION = '4.5';
     return `https://dequeuniversity.com/rules/axe/${AXE_CORE_MINOR_VERSION}/${ruleName}`;
 }

package/dist/lib/warnOnce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/warnOnce.ts"],"sourcesContent":["type WarnOnceType = 'log' | 'warn' | 'error';\nexport type WarnOnceHandler = (message: string, type?: WarnOnceType) => void;\n\nexport function warnOnce(zone: string): WarnOnceHandler {\n  const didWarn = new Set<string>();\n\n  return (message: string, type: WarnOnceType = 'warn') => {\n    if (!didWarn.has(message)) {\n      didWarn.add(message);\n\n      const formattedMessage = `%c[VKUI/${zone}] ${message}`;\n      const styles = type === 'log' ? 'color: steelblue; font-style: italic' : undefined;\n\n      // eslint-disable-next-line no-console\n      console[type](formattedMessage, styles);\n    }\n  };\n}\n\nfunction getA11yRuleUrl(ruleName: string): string {\n  // see jest-axe's axe-core dependency\n  const AXE_CORE_MINOR_VERSION = '4.5';\n\n  return `https://dequeuniversity.com/rules/axe/${AXE_CORE_MINOR_VERSION}/${ruleName}`;\n}\n\nexport const COMMON_WARNINGS = {\n  a11y: {\n    'button-name': `a11y: Кнопка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('button-name')}`,\n    'link-name': `a11y: Ссылка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('link-name')}`,\n    'image-alt': `a11y: Изображение должно содержать альтернативный текст, который его описывает. Чтобы исправить эту ошибку, передайте компоненту свойство alt.\n${getA11yRuleUrl('image-alt')}`,\n  },\n};\n"],"names":["warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","COMMON_WARNINGS","a11y"],"mappings":"AAGA,OAAO,SAASA,SAASC,IAAY;IACnC,MAAMC,UAAU,IAAIC;IAEpB,OAAO,CAACC,SAAiBC,OAAqB,MAAM;QAClD,IAAI,CAACH,QAAQI,GAAG,CAACF,UAAU;YACzBF,QAAQK,GAAG,CAACH;YAEZ,MAAMI,mBAAmB,CAAC,QAAQ,EAAEP,KAAK,EAAE,EAAEG,SAAS;YACtD,MAAMK,SAASJ,SAAS,QAAQ,yCAAyCK;YAEzE,sCAAsC;YACtCC,OAAO,CAACN,KAAK,CAACG,kBAAkBC;QAClC;IACF;AACF;AAEA,SAASG,eAAeC,QAAgB;IACtC,qCAAqC;IACrC,MAAMC,yBAAyB;IAE/B,OAAO,CAAC,sCAAsC,EAAEA,uBAAuB,CAAC,EAAED,UAAU;AACtF;AAEA,OAAO,MAAME,kBAAkB;IAC7BC,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEJ,eAAe,gBAAgB;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,cAAc;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,cAAc;IAC7B;AACF,EAAE"}
+{"version":3,"sources":["../../src/lib/warnOnce.ts"],"sourcesContent":["type WarnOnceType = 'log' | 'warn' | 'error';\nexport type WarnOnceHandler = (message: string, type?: WarnOnceType) => void;\n\nexport function warnOnce(zone: string): WarnOnceHandler {\n  const didWarn = new Set<string>();\n\n  return (message: string, type: WarnOnceType = 'warn') => {\n    if (!didWarn.has(message)) {\n      didWarn.add(message);\n\n      const formattedMessage = `%c[VKUI/${zone}] ${message}`;\n      const styles = type === 'log' ? 'color: steelblue; font-style: italic' : undefined;\n\n      // eslint-disable-next-line no-console\n      console[type](formattedMessage, styles);\n    }\n  };\n}\n\nfunction getA11yRuleUrl(ruleName: string): string {\n  // see vitest-axe's axe-core dependency\n  const AXE_CORE_MINOR_VERSION = '4.5';\n\n  return `https://dequeuniversity.com/rules/axe/${AXE_CORE_MINOR_VERSION}/${ruleName}`;\n}\n\nexport const COMMON_WARNINGS = {\n  a11y: {\n    'button-name': `a11y: Кнопка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('button-name')}`,\n    'link-name': `a11y: Ссылка должна содержать текст, доступный для скринридеров. Чтобы исправить эту ошибку, передайте компоненту текст или свойство aria-label.\n${getA11yRuleUrl('link-name')}`,\n    'image-alt': `a11y: Изображение должно содержать альтернативный текст, который его описывает. Чтобы исправить эту ошибку, передайте компоненту свойство alt.\n${getA11yRuleUrl('image-alt')}`,\n  },\n};\n"],"names":["warnOnce","zone","didWarn","Set","message","type","has","add","formattedMessage","styles","undefined","console","getA11yRuleUrl","ruleName","AXE_CORE_MINOR_VERSION","COMMON_WARNINGS","a11y"],"mappings":"AAGA,OAAO,SAASA,SAASC,IAAY;IACnC,MAAMC,UAAU,IAAIC;IAEpB,OAAO,CAACC,SAAiBC,OAAqB,MAAM;QAClD,IAAI,CAACH,QAAQI,GAAG,CAACF,UAAU;YACzBF,QAAQK,GAAG,CAACH;YAEZ,MAAMI,mBAAmB,CAAC,QAAQ,EAAEP,KAAK,EAAE,EAAEG,SAAS;YACtD,MAAMK,SAASJ,SAAS,QAAQ,yCAAyCK;YAEzE,sCAAsC;YACtCC,OAAO,CAACN,KAAK,CAACG,kBAAkBC;QAClC;IACF;AACF;AAEA,SAASG,eAAeC,QAAgB;IACtC,uCAAuC;IACvC,MAAMC,yBAAyB;IAE/B,OAAO,CAAC,sCAAsC,EAAEA,uBAAuB,CAAC,EAAED,UAAU;AACtF;AAEA,OAAO,MAAME,kBAAkB;IAC7BC,MAAM;QACJ,eAAe,CAAC;AACpB,EAAEJ,eAAe,gBAAgB;QAC7B,aAAa,CAAC;AAClB,EAAEA,eAAe,cAAc;QAC3B,aAAa,CAAC;AAClB,EAAEA,eAAe,cAAc;IAC7B;AACF,EAAE"}