npm - @vkontakte/vkui - Versions diffs - 4.36.1 → 4.37.1 - Mend

@vkontakte/vkui 4.36.1 → 4.37.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1158) hide show

package/dist/cjs/components/FocusVisible/FocusVisible.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./FocusVisible.css";
+export declare type FocusVisibleMode = "inside" | "outside";
+export interface FocusVisibleProps {
+    mode: FocusVisibleMode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FocusVisible
+ */
+export declare const FocusVisible: ({ mode }: FocusVisibleProps) => JSX.Element;

package/dist/cjs/components/FocusVisible/FocusVisible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FocusVisible~~/FocusVisible~~.~~tsx~~"],"names":["FocusVisible","mode"],"~~mappings~~":"~~;;;;;;;;;AAAA;;AASA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,SAC1B;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAE,4BAAW,cAAX,0BAA4CA,IAA5C;AAFb,IAD0B;AAAA,CAArB~~","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" \| \"outside\";\n\nexport interface FocusVisibleProps {\n mode: FocusVisibleMode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n <span\n aria-hidden=\"true\"\n vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n />\n);\n"],"~~file~~":"~~FocusVisible.js~~"}
1	+ {"version":3,"file":"FocusVisible.js","names":["FocusVisible","mode","classNames"],"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" \| \"outside\";\n\nexport interface FocusVisibleProps {\n mode: FocusVisibleMode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n <span\n aria-hidden=\"true\"\n vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n />\n);\n"],"mappings":";;;;;;;;;AAAA;;AASA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAC1B;IACE,eAAY,MADd;IAEE,SAAS,EAAE,IAAAC,sBAAA,EAAW,cAAX,0BAA4CD,IAA5C;EAFb,EAD0B;AAAA,CAArB"}

package/dist/cjs/components/Footer/Footer.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent } from "../../types";
+import "./Footer.css";
+export declare type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Footer
+ */
+export declare const Footer: ({ children, ...restProps }: FooterProps) => JSX.Element;

package/dist/cjs/components/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Footer~~/Footer~~.~~tsx~~"],"names":["Footer","children","restProps"],"~~mappings~~":";;;;;;;;;;;;;;;AAEA;;;;AAKA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6C;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAA7BC,SAA6B;AACjE,SACE,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgCA,SAAhC;AAA2C,IAAA,SAAS,EAAC;AAArD,MACGD,QADH,CADF;AAKD,CANM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n return (\n <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n {children}\n </Caption>\n );\n};\n"],"~~file~~":"~~Footer.js~~"}
1	+ {"version":3,"file":"Footer.js","names":["Footer","children","restProps"],"sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n return (\n <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n {children}\n </Caption>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAKA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA6C;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAA7BC,SAA6B;EACjE,OACE,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAgCA,SAAhC;IAA2C,SAAS,EAAC;EAArD,IACGD,QADH,CADF;AAKD,CANM"}

package/dist/cjs/components/FormField/FormField.d.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import "./FormField.css";
+export declare const FormFieldMode: {
+    readonly default: "default";
+    readonly plain: "plain";
+};
+export interface FormFieldProps {
+    status?: "default" | "error" | "valid";
+    /**
+     * Добавляет иконку слева.
+     *
+     * Рекомендации:
+     *
+     * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     */
+    before?: React.ReactNode;
+    /**
+     * Добавляет иконку справа.
+     *
+     * Рекомендации:
+     *
+     * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     */
+    after?: React.ReactNode;
+    mode?: keyof typeof FormFieldMode;
+}
+interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
+    disabled?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormField
+ */
+export declare const FormField: ({ Component, status, children, getRootRef, before, after, disabled, mode, ...restProps }: FormFieldOwnProps) => JSX.Element;
+export {};

package/dist/cjs/components/FormField/FormField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FormField~~/FormField~~.~~tsx~~"],"names":["FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;AAGO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,SADkB;AAE3BC,EAAAA,KAAK,EAAE;AAFoB,CAAtB;;;AAoCP;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;AAAA,4BATvBC,SASuB;AAAA,MATvBA,SASuB,+BATX,KASW;AAAA,yBARvBC,MAQuB;AAAA,MARvBA,MAQuB,4BARd,SAQc;AAAA,MAPvBC,QAOuB,QAPvBA,QAOuB;AAAA,MANvBC,UAMuB,QANvBA,UAMuB;AAAA,MALvBC,MAKuB,QALvBA,MAKuB;AAAA,MAJvBC,KAIuB,QAJvBA,KAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,uBAFvBC,IAEuB;AAAA,MAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;AAAA,MADpBW,SACoB;;AACvB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,qCAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEL,UAHP;AAIE,IAAA,YAAY,EAAEW,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAE,4BACT,WADS,uBAEKV,IAFL,+BAGYN,MAHZ,8BAIWQ,KAJX,GAIoB;AAC7BH,IAAAA,QAAQ,IAAI,qBALH,EAMT,CAACA,QAAD,IAAaM,KAAb,IAAsB,kBANb;AANb,MAeGR,MAAM,IACL;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAtBJ,EA0BE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,IA1BF,CADF;AA8BD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n default: \"default\",\n plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n status?: \"default\" \| \"error\" \| \"valid\";\n /*\n Добавляет иконку слева.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n /\n before?: React.ReactNode;\n /\n Добавляет иконку справа.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n /\n after?: React.ReactNode;\n mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n FormFieldProps {\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n Component = \"div\",\n status = \"default\",\n children,\n getRootRef,\n before,\n after,\n disabled,\n mode = FormFieldMode.default,\n ...restProps\n}: FormFieldOwnProps) => {\n const { sizeY } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n role=\"presentation\"\n {...restProps}\n ref={getRootRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n vkuiClass={classNames(\n \"FormField\",\n `FormField--${mode}`,\n `FormField--status-${status}`,\n `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n disabled && \"FormField--disabled\",\n !disabled && hover && \"FormField--hover\"\n )}\n >\n {before && (\n <div role=\"presentation\" vkuiClass=\"FormField__before\">\n {before}\n </div>\n )}\n {children}\n {after && (\n <div role=\"presentation\" vkuiClass=\"FormField__after\">\n {after}\n </div>\n )}\n <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n </Component>\n );\n};\n"],"~~file~~":"~~FormField.js~~"}
1	+ {"version":3,"file":"FormField.js","names":["FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","useAdaptivity","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave","classNames"],"sources":["../../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n default: \"default\",\n plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n status?: \"default\" \| \"error\" \| \"valid\";\n /*\n Добавляет иконку слева.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n /\n before?: React.ReactNode;\n /\n Добавляет иконку справа.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n /\n after?: React.ReactNode;\n mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n FormFieldProps {\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n Component = \"div\",\n status = \"default\",\n children,\n getRootRef,\n before,\n after,\n disabled,\n mode = FormFieldMode.default,\n ...restProps\n}: FormFieldOwnProps) => {\n const { sizeY } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n role=\"presentation\"\n {...restProps}\n ref={getRootRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n vkuiClass={classNames(\n \"FormField\",\n `FormField--${mode}`,\n `FormField--status-${status}`,\n `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n disabled && \"FormField--disabled\",\n !disabled && hover && \"FormField--hover\"\n )}\n >\n {before && (\n <div role=\"presentation\" vkuiClass=\"FormField__before\">\n {before}\n </div>\n )}\n {children}\n {after && (\n <div role=\"presentation\" vkuiClass=\"FormField__after\">\n {after}\n </div>\n )}\n <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;AAGO,IAAMA,aAAa,GAAG;EAC3BC,OAAO,EAAE,SADkB;EAE3BC,KAAK,EAAE;AAFoB,CAAtB;;;AAoCP;AACA;AACA;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;EAAA,0BATvBC,SASuB;EAAA,IATvBA,SASuB,+BATX,KASW;EAAA,uBARvBC,MAQuB;EAAA,IARvBA,MAQuB,4BARd,SAQc;EAAA,IAPvBC,QAOuB,QAPvBA,QAOuB;EAAA,IANvBC,UAMuB,QANvBA,UAMuB;EAAA,IALvBC,MAKuB,QALvBA,MAKuB;EAAA,IAJvBC,KAIuB,QAJvBA,KAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,qBAFvBC,IAEuB;EAAA,IAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;EAAA,IADpBW,SACoB;;EACvB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,IAAD,CAAR;EACD,CAHD;;EAKA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,KAAD,CAAR;EACD,CAHD;;EAKA,OACE,qCAAC,SAAD;IACE,IAAI,EAAC;EADP,GAEMN,SAFN;IAGE,GAAG,EAAEL,UAHP;IAIE,YAAY,EAAEY,gBAJhB;IAKE,YAAY,EAAEG,gBALhB;IAME,SAAS,EAAE,IAAAC,sBAAA,EACT,WADS,uBAEKZ,IAFL,+BAGYN,MAHZ,8BAIWS,KAJX,GAIoB;IAC7BJ,QAAQ,IAAI,qBALH,EAMT,CAACA,QAAD,IAAaO,KAAb,IAAsB,kBANb;EANb,IAeGT,MAAM,IACL;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,KADH,CAtBJ,EA0BE;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,EA1BF,CADF;AA8BD,CAtDM"}

package/dist/cjs/components/FormItem/FormItem.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormItem.css";
+export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {
+    top?: React.ReactNode;
+    bottom?: React.ReactNode;
+    status?: "default" | "error" | "valid";
+    /**
+     * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
+     */
+    removable?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormItem
+ */
+export declare const FormItem: ({ children, top, bottom, status, Component, removable, onRemove, removePlaceholder, getRootRef, ...restProps }: FormItemProps) => JSX.Element;

package/dist/cjs/components/FormItem/FormItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FormItem~~/FormItem~~.~~tsx~~"],"names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWH;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRC,WAIQ;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAG,gCAAaH,UAAb,CAAf;;AACA,uBAAkB,oCAAlB;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAab,GAAb,KAAqB,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,yBAAaE,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,qCAAC,SAAD,6BACMQ,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBD,QAAzB,CADS,EAC2B;AAD3B,wBAEIR,MAFJ,6BAGUU,KAHV,GAIT,yBAAaZ,GAAb,KAAqB,mBAJZ,EAKTI,SAAS,IAAI,qBALJ;AAHb,MAWGA,SAAS,GACR,qCAAC,oBAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n RemovableProps {\n top?: React.ReactNode;\n bottom?: React.ReactNode;\n status?: \"default\" \| \"error\" \| \"valid\";\n /*\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n /\n removable?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n children,\n top,\n bottom,\n status = \"default\",\n Component = \"div\",\n removable,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n getRootRef,\n ...restProps\n}: FormItemProps) => {\n const platform = usePlatform();\n const rootEl = useExternRef(getRootRef);\n const { sizeY } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n {children}\n {hasReactNode(bottom) && (\n <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n )}\n </React.Fragment>\n );\n\n return (\n <Component\n {...restProps}\n ref={rootEl}\n vkuiClass={classNames(\n getClassName(\"FormItem\", platform), // TODO: v5 remove\n `FormItem--${status}`,\n `FormItem--sizeY-${sizeY}`,\n hasReactNode(top) && \"FormItem--withTop\",\n removable && \"FormItem--removable\"\n )}\n >\n {removable ? (\n <Removable\n align=\"start\"\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove(e, rootEl.current);\n }\n }}\n removePlaceholder={removePlaceholder}\n >\n <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n </Removable>\n ) : (\n wrappedChildren\n )}\n </Component>\n );\n};\n"],"~~file~~":"~~FormItem.js~~"}
1	+ {"version":3,"file":"FormItem.js","names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","usePlatform","rootEl","useExternRef","useAdaptivity","sizeY","wrappedChildren","hasReactNode","classNames","getClassName","e","current"],"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n RemovableProps {\n top?: React.ReactNode;\n bottom?: React.ReactNode;\n status?: \"default\" \| \"error\" \| \"valid\";\n /*\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n /\n removable?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n children,\n top,\n bottom,\n status = \"default\",\n Component = \"div\",\n removable,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n getRootRef,\n ...restProps\n}: FormItemProps) => {\n const platform = usePlatform();\n const rootEl = useExternRef(getRootRef);\n const { sizeY } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n {children}\n {hasReactNode(bottom) && (\n <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n )}\n </React.Fragment>\n );\n\n return (\n <Component\n {...restProps}\n ref={rootEl}\n vkuiClass={classNames(\n getClassName(\"FormItem\", platform), // TODO: v5 remove\n `FormItem--${status}`,\n `FormItem--sizeY-${sizeY}`,\n hasReactNode(top) && \"FormItem--withTop\",\n removable && \"FormItem--removable\"\n )}\n >\n {removable ? (\n <Removable\n align=\"start\"\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove(e, rootEl.current);\n }\n }}\n removePlaceholder={removePlaceholder}\n >\n <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n </Removable>\n ) : (\n wrappedChildren\n )}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWH;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,GASmB,QATnBA,GASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,uBAPnBC,MAOmB;EAAA,IAPnBA,MAOmB,4BAPV,SAOU;EAAA,0BANnBC,SAMmB;EAAA,IANnBA,SAMmB,+BANP,KAMO;EAAA,IALnBC,SAKmB,QALnBA,SAKmB;EAAA,yBAJnBC,QAImB;EAAA,IAJnBA,SAImB,8BAJRC,WAIQ;EAAA,iCAHnBC,iBAGmB;EAAA,IAHnBA,iBAGmB,sCAHC,SAGD;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,MAAM,GAAG,IAAAC,0BAAA,EAAaL,UAAb,CAAf;;EACA,qBAAkB,IAAAM,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAajB,GAAb,KAAqB,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,IAAAkB,mBAAA,EAAahB,MAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAuCA,MAAvC,CAJJ,CADF;EAUA,OACE,qCAAC,SAAD,6BACMQ,SADN;IAEE,GAAG,EAAEG,MAFP;IAGE,SAAS,EAAE,IAAAM,sBAAA,EACT,IAAAC,0BAAA,EAAa,UAAb,EAAyBT,QAAzB,CADS,EAC2B;IAD3B,oBAEIR,MAFJ,6BAGUa,KAHV,GAIT,IAAAE,mBAAA,EAAajB,GAAb,KAAqB,mBAJZ,EAKTI,SAAS,IAAI,qBALJ;EAHb,IAWGA,SAAS,GACR,qCAAC,oBAAD;IACE,KAAK,EAAC,OADR;IAEE,QAAQ,EAAE,kBAACgB,CAAD,EAAO;MACf,IAAIR,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAES,OAAZ,EAAqB;QACnBhB,SAAQ,CAACe,CAAD,EAAIR,MAAM,CAACS,OAAX,CAAR;MACD;IACF,CANH;IAOE,iBAAiB,EAAEd;EAPrB,GASE;IAAK,SAAS,EAAC;EAAf,GAAsCS,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM"}

package/dist/cjs/components/FormLayout/FormLayout.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent, HasRef } from "../../types";
+import "./FormLayout.css";
+export declare type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormLayout
+ */
+export declare const FormLayout: ({ children, Component, getRef, onSubmit, ...restProps }: FormLayoutProps) => JSX.Element;

package/dist/cjs/components/FormLayout/FormLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FormLayout~~/FormLayout~~.~~tsx~~"],"names":["preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,QAKqB,QALrBA,QAKqB;AAAA,4BAJrBC,SAIqB;AAAA,MAJrBA,SAIqB,+BAJT,MAIS;AAAA,MAHrBC,MAGqB,QAHrBA,MAGqB;AAAA,2BAFrBC,QAEqB;AAAA,MAFrBA,QAEqB,8BAFVN,cAEU;AAAA,MADlBO,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,YAAb,EAA2BC,QAA3B,CAFb;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/~~B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CArBM~~","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n HasRef<HTMLElement> &\n HasComponent;\n\n/*\n @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n children,\n Component = \"form\",\n getRef,\n onSubmit = preventDefault,\n ...restProps\n}: FormLayoutProps) => {\n const platform = usePlatform();\n return (\n <Component\n {...restProps}\n vkuiClass={getClassName(\"FormLayout\", platform)}\n onSubmit={onSubmit}\n ref={getRef}\n >\n <div vkuiClass=\"FormLayout__container\">{children}</div>\n {Component === \"form\" && (\n <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n )}\n </Component>\n );\n};\n"],"~~file~~":"~~FormLayout.js~~"}
1	+ {"version":3,"file":"FormLayout.js","names":["preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform","usePlatform","getClassName"],"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n HasRef<HTMLElement> &\n HasComponent;\n\n/*\n @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n children,\n Component = \"form\",\n getRef,\n onSubmit = preventDefault,\n ...restProps\n}: FormLayoutProps) => {\n const platform = usePlatform();\n return (\n <Component\n {...restProps}\n vkuiClass={getClassName(\"FormLayout\", platform)}\n onSubmit={onSubmit}\n ref={getRef}\n >\n <div vkuiClass=\"FormLayout__container\">{children}</div>\n {Component === \"form\" && (\n <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n )}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;EAAA,OAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,QAKqB,QALrBA,QAKqB;EAAA,0BAJrBC,SAIqB;EAAA,IAJrBA,SAIqB,+BAJT,MAIS;EAAA,IAHrBC,MAGqB,QAHrBA,MAGqB;EAAA,yBAFrBC,QAEqB;EAAA,IAFrBA,QAEqB,8BAFVN,cAEU;EAAA,IADlBO,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,OACE,qCAAC,SAAD,6BACMF,SADN;IAEE,SAAS,EAAE,IAAAG,0BAAA,EAAa,YAAb,EAA2BF,QAA3B,CAFb;IAGE,QAAQ,EAAEF,QAHZ;IAIE,GAAG,EAAED;EAJP,IAME;IAAK,SAAS,EAAC;EAAf,GAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;IAAO,IAAI,EAAC,QAAZ;IAAqB,SAAS,EAAC,oBAA/B;IAAoD,KAAK,EAAC;EAA1D,EARJ,CADF;AAaD,CArBM"}

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormLayoutGroup.css";
+export interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {
+    mode?: "vertical" | "horizontal";
+    /**
+     * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.
+     */
+    removable?: boolean;
+    /**
+     * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.
+     */
+    segmented?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
+ */
+export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => JSX.Element;

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FormLayoutGroup~~/FormLayoutGroup~~.~~tsx~~"],"names":["FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","sizeY","isRemovable","isSegmented","rootEl","e","current"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OASH;AAAA,MAR1BC,QAQ0B,QAR1BA,QAQ0B;AAAA,uBAP1BC,IAO0B;AAAA,MAP1BA,IAO0B,0BAPnB,UAOmB;AAAA,MAN1BC,SAM0B,QAN1BA,SAM0B;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfC,WAGe;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGT,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMW,WAAW,GAAGT,SAAS,IAAIF,IAAI,KAAK,YAA1C;AACA,MAAMY,MAAM,GAAG,gCAAaN,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEM,MADP;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCJ,QAAhC,CADS,EACkC;AADlC,qCAEiBC,KAFjB,8BAGWT,IAHX,GAITU,WAAW,IAAI,4BAJN,EAKTC,WAAW,IAAI,4BALN;AAFb,KASMJ,SATN,GAWGG,WAAW,GACV,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEP,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGf,QAVH,CADU,GAcV,qCAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;AAAM,IAAA,SAAS,EAAC,yBAAhB;AAA0C;AAA1C,IAFF,CAzBJ,CADF;AAiCD,CAjDM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n mode?: \"vertical\" \| \"horizontal\";\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n /\n removable?: boolean;\n\n /\n Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n /\n segmented?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n children,\n mode = \"vertical\",\n removable,\n segmented,\n removePlaceholder = \"Удалить\",\n onRemove = noop,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === \"horizontal\";\n const isSegmented = segmented && mode === \"horizontal\";\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`,\n isRemovable && \"FormLayoutGroup--removable\",\n isSegmented && \"FormLayoutGroup--segmented\"\n )}\n {...restProps}\n >\n {isRemovable ? (\n <Removable\n vkuiClass=\"FormLayoutGroup__removable\"\n align=\"start\"\n removePlaceholder={removePlaceholder}\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove(e, rootEl.current);\n }\n }}\n >\n {children}\n </Removable>\n ) : (\n <React.Fragment>\n {children}\n <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n </React.Fragment>\n )}\n </div>\n );\n};\n"],"~~file~~":"~~FormLayoutGroup.js~~"}
1	+ {"version":3,"file":"FormLayoutGroup.js","names":["FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","isRemovable","isSegmented","rootEl","useExternRef","classNames","getClassName","e","current"],"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n mode?: \"vertical\" \| \"horizontal\";\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n /\n removable?: boolean;\n\n /\n Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n /\n segmented?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n children,\n mode = \"vertical\",\n removable,\n segmented,\n removePlaceholder = \"Удалить\",\n onRemove = noop,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === \"horizontal\";\n const isSegmented = segmented && mode === \"horizontal\";\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`,\n isRemovable && \"FormLayoutGroup--removable\",\n isSegmented && \"FormLayoutGroup--segmented\"\n )}\n {...restProps}\n >\n {isRemovable ? (\n <Removable\n vkuiClass=\"FormLayoutGroup__removable\"\n align=\"start\"\n removePlaceholder={removePlaceholder}\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove(e, rootEl.current);\n }\n }}\n >\n {children}\n </Removable>\n ) : (\n <React.Fragment>\n {children}\n <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n </React.Fragment>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OASH;EAAA,IAR1BC,QAQ0B,QAR1BA,QAQ0B;EAAA,qBAP1BC,IAO0B;EAAA,IAP1BA,IAO0B,0BAPnB,UAOmB;EAAA,IAN1BC,SAM0B,QAN1BA,SAM0B;EAAA,IAL1BC,SAK0B,QAL1BA,SAK0B;EAAA,iCAJ1BC,iBAI0B;EAAA,IAJ1BA,iBAI0B,sCAJN,SAIM;EAAA,yBAH1BC,QAG0B;EAAA,IAH1BA,SAG0B,8BAHfC,WAGe;EAAA,IAF1BC,UAE0B,QAF1BA,UAE0B;EAAA,IADvBC,SACuB;;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,WAAW,GAAGX,SAAS,IAAID,IAAI,KAAK,YAA1C;EACA,IAAMa,WAAW,GAAGX,SAAS,IAAIF,IAAI,KAAK,YAA1C;EACA,IAAMc,MAAM,GAAG,IAAAC,0BAAA,EAAaT,UAAb,CAAf;EAEA,OACE;IACE,GAAG,EAAEQ,MADP;IAEE,SAAS,EAAE,IAAAE,sBAAA,EACT,IAAAC,0BAAA,EAAa,iBAAb,EAAgCT,QAAhC,CADS,EACkC;IADlC,iCAEiBG,KAFjB,8BAGWX,IAHX,GAITY,WAAW,IAAI,4BAJN,EAKTC,WAAW,IAAI,4BALN;EAFb,GASMN,SATN,GAWGK,WAAW,GACV,qCAAC,oBAAD;IACE,SAAS,EAAC,4BADZ;IAEE,KAAK,EAAC,OAFR;IAGE,iBAAiB,EAAET,iBAHrB;IAIE,QAAQ,EAAE,kBAACe,CAAD,EAAO;MACf,IAAIJ,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEK,OAAZ,EAAqB;QACnBf,SAAQ,CAACc,CAAD,EAAIJ,MAAM,CAACK,OAAX,CAAR;MACD;IACF;EARH,GAUGpB,QAVH,CADU,GAcV,qCAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;IAAM,SAAS,EAAC,yBAAhB;IAA0C;EAA1C,EAFF,CAzBJ,CADF;AAiCD,CAjDM"}

package/dist/cjs/components/FormStatus/FormStatus.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import * as React from "react";
+import "./FormStatus.css";
+export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    mode?: "default" | "error";
+    header?: React.ReactNode;
+}
+/**
+ * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).
+ * @see https://vkcom.github.io/VKUI/#/FormStatus
+ */
+export declare const FormStatus: ({ mode, header, children, dangerouslySetInnerHTML, ...restProps }: FormStatusProps) => JSX.Element;

package/dist/cjs/components/FormStatus/FormStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~FormStatus~~/FormStatus~~.~~tsx~~"],"names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAQA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;AACrB,SACE,uEACMA,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,YAAX,wBAAwCJ,IAAxC;AAFb,MAIG,yBAAaC,MAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/~~B,KACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,qCAAC,gBAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAVJ,EAYG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"default\" \| \"error\";\n header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить /\n\n/\n @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n mode,\n header,\n children,\n dangerouslySetInnerHTML,\n ...restProps\n}: FormStatusProps) => {\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n >\n {hasReactNode(header) && (\n <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n {header}\n </Headline>\n )}\n {dangerouslySetInnerHTML && (\n <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n )}\n {hasReactNode(children) && !dangerouslySetInnerHTML && (\n <Caption>{children}</Caption>\n )}\n </div>\n );\n};\n"],"~~file~~":"~~FormStatus.js~~"}
1	+ {"version":3,"file":"FormStatus.js","names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","classNames","hasReactNode"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"default\" \| \"error\";\n header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить /\n\n/\n @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n mode,\n header,\n children,\n dangerouslySetInnerHTML,\n ...restProps\n}: FormStatusProps) => {\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n >\n {hasReactNode(header) && (\n <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n {header}\n </Headline>\n )}\n {dangerouslySetInnerHTML && (\n <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n )}\n {hasReactNode(children) && !dangerouslySetInnerHTML && (\n <Caption>{children}</Caption>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAQA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,MAIqB,QAJrBA,MAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,uBAEqB,QAFrBA,uBAEqB;EAAA,IADlBC,SACkB;EACrB,OACE,uEACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,wBAAwCL,IAAxC;EAFb,IAIG,IAAAM,mBAAA,EAAaL,MAAb,KACC,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,qCAAC,gBAAD;IAAS,uBAAuB,EAAEA;EAAlC,EAVJ,EAYG,IAAAG,mBAAA,EAAaJ,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM"}

package/dist/cjs/components/Gallery/Gallery.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BaseGalleryProps } from "../BaseGallery/types";
+export interface GalleryProps extends BaseGalleryProps {
+    initialSlideIndex?: number;
+    timeout?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Gallery
+ */
+export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, ...props }: GalleryProps) => JSX.Element;

package/dist/cjs/components/Gallery/Gallery.js CHANGED Viewed

@@ -78,6 +78,8 @@ var Gallery = function Gallery(_ref) {
     if (onChange && safeSlideIndex !== slideIndex) {
       onChange(safeSlideIndex);
     }
+    setSlideIndex(safeSlideIndex);
   }, [onChange, safeSlideIndex, slideIndex]);
   return (0, _jsxRuntime.createScopedElement)(_BaseGallery.BaseGallery, (0, _extends2.default)({
     isDraggable: isDraggable

package/dist/cjs/components/Gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Gallery~~/Gallery~~.~~tsx~~"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;AAAA;;AAAA,mCANlBC,iBAMkB;AAAA,MANlBA,iBAMkB,sCANE,CAMF;AAAA,MALlBC,QAKkB,QALlBA,QAKkB;AAAA,0BAJlBC,OAIkB;AAAA,MAJlBA,OAIkB,6BAJR,CAIQ;AAAA,MAHlBC,QAGkB,QAHlBA,QAGkB;AAAA,MAFlBC,OAEkB,QAFlBA,OAEkB;AAAA,MADfC,KACe;;AAClB,wBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;AAAA;AAAA,MAAOQ,eAAP;AAAA,MAAwBC,aAAxB;;AACA,MAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;AACA,MAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;AACA,MAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;AACA,MAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;AAAA,WAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;AAAA,aAAUN,OAAO,CAACM,IAAD,CAAjB;AAAA,KAAxC,CAAN;AAAA,GADa,EAEb,CAAClB,QAAD,CAFa,CAAf;AAIA,MAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;AAEA,MAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;AACnB,QAAIA,OAAO,KAAKb,UAAhB,EAA4B;AAC1B;AACD;;AACD,KAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;AACArB,IAAAA,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;AACD,GAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;AAWA,MAAMc,QAAQ,GAAG,4BACf;AAAA,WAAMH,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;AAAA,GADe,EAEflB,OAFe,CAAjB;AAIAI,EAAAA,KAAK,CAACoB,SAAN,CACE;AAAA,WAAOxB,OAAO,GAAGuB,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;AAAA,GADF,EAEE,CAAC1B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;AACA;;AACA,MAAMI,cAAc,GAClBT,UAAU,GAAG,CAAb,GAAiB,iBAAMT,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;AACAL,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpB,QAAIvB,QAAQ,IAAI0B,cAAc,KAAKlB,UAAnC,EAA+C;AAC7CR,MAAAA,QAAQ,CAAC0B,cAAD,CAAR;AACD;AACF,GAJD,EAIG,CAAC1B,QAAD,EAAW0B,cAAX,EAA2BlB,UAA3B,CAJH;AAMA,SACE,qCAAC,wBAAD;AACE,IAAA,WAAW,EAAEC;AADf,KAEMP,KAFN;AAGE,IAAA,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;AAIE,IAAA,UAAU,EAAEyB,cAJd;AAKE,IAAA,QAAQ,EAAEP;AALZ,MAOGR,MAPH,CADF;AAWD,CA5DM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n initialSlideIndex = 0,\n children,\n timeout = 0,\n onChange,\n bullets,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.useMemo(\n () => React.Children.toArray(children).filter((item) => Boolean(item)),\n [children]\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current: number) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [isControlled, onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex, autoplay]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [onChange, safeSlideIndex, slideIndex]);\n\n return (\n <BaseGallery\n isDraggable={isDraggable}\n {...props}\n bullets={childCount > 0 && bullets}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGallery>\n );\n};\n"],"~~file~~":"~~Gallery.js~~"}
1	+ {"version":3,"file":"Gallery.js","names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","React","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useTimeout","useEffect","set","clear","safeSlideIndex","clamp"],"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n initialSlideIndex = 0,\n children,\n timeout = 0,\n onChange,\n bullets,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.useMemo(\n () => React.Children.toArray(children).filter((item) => Boolean(item)),\n [children]\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current: number) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [isControlled, onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex, autoplay]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n setSlideIndex(safeSlideIndex);\n }, [onChange, safeSlideIndex, slideIndex]);\n\n return (\n <BaseGallery\n isDraggable={isDraggable}\n {...props}\n bullets={childCount > 0 && bullets}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGallery>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA;;EAAA,iCANlBC,iBAMkB;EAAA,IANlBA,iBAMkB,sCANE,CAMF;EAAA,IALlBC,QAKkB,QALlBA,QAKkB;EAAA,wBAJlBC,OAIkB;EAAA,IAJlBA,OAIkB,6BAJR,CAIQ;EAAA,IAHlBC,QAGkB,QAHlBA,QAGkB;EAAA,IAFlBC,OAEkB,QAFlBA,OAEkB;EAAA,IADfC,KACe;;EAClB,sBAAyCC,KAAK,CAACC,QAAN,CAAeP,iBAAf,CAAzC;EAAA;EAAA,IAAOQ,eAAP;EAAA,IAAwBC,aAAxB;;EACA,IAAMC,YAAY,GAAG,OAAOL,KAAK,CAACM,UAAb,KAA4B,QAAjD;EACA,IAAMA,UAAU,GAAGD,YAAY,wBAAGL,KAAK,CAACM,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;EACA,IAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACV,QAAD,CAA5C;EACA,IAAMW,MAAM,GAAGR,KAAK,CAACS,OAAN,CACb;IAAA,OAAMT,KAAK,CAACU,QAAN,CAAeC,OAAf,CAAuBhB,QAAvB,EAAiCiB,MAAjC,CAAwC,UAACC,IAAD;MAAA,OAAUN,OAAO,CAACM,IAAD,CAAjB;IAAA,CAAxC,CAAN;EAAA,CADa,EAEb,CAAClB,QAAD,CAFa,CAAf;EAIA,IAAMmB,UAAU,GAAGN,MAAM,CAACO,MAA1B;EAEA,IAAMC,YAAsC,GAAGhB,KAAK,CAACiB,WAAN,CAC7C,UAACC,OAAD,EAAqB;IACnB,IAAIA,OAAO,KAAKb,UAAhB,EAA4B;MAC1B;IACD;;IACD,CAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;IACArB,QAAQ,IAAIA,QAAQ,CAACqB,OAAD,CAApB;EACD,CAP4C,EAQ7C,CAACd,YAAD,EAAeP,QAAf,EAAyBQ,UAAzB,CAR6C,CAA/C;EAWA,IAAMc,QAAQ,GAAG,IAAAC,sBAAA,EACf;IAAA,OAAMJ,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;EAAA,CADe,EAEflB,OAFe,CAAjB;EAIAI,KAAK,CAACqB,SAAN,CACE;IAAA,OAAOzB,OAAO,GAAGuB,QAAQ,CAACG,GAAT,EAAH,GAAoBH,QAAQ,CAACI,KAAT,EAAlC;EAAA,CADF,EAEE,CAAC3B,OAAD,EAAUS,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;EACA;;EACA,IAAMK,cAAc,GAClBV,UAAU,GAAG,CAAb,GAAiB,IAAAW,WAAA,EAAMpB,UAAN,EAAkB,CAAlB,EAAqBS,UAAU,GAAG,CAAlC,CAAjB,GAAwDT,UAD1D,CAjCkB,CAmClB;;EACAL,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpB,IAAIxB,QAAQ,IAAI2B,cAAc,KAAKnB,UAAnC,EAA+C;MAC7CR,QAAQ,CAAC2B,cAAD,CAAR;IACD;;IACDrB,aAAa,CAACqB,cAAD,CAAb;EACD,CALD,EAKG,CAAC3B,QAAD,EAAW2B,cAAX,EAA2BnB,UAA3B,CALH;EAOA,OACE,qCAAC,wBAAD;IACE,WAAW,EAAEC;EADf,GAEMP,KAFN;IAGE,OAAO,EAAEe,UAAU,GAAG,CAAb,IAAkBhB,OAH7B;IAIE,UAAU,EAAE0B,cAJd;IAKE,QAAQ,EAAER;EALZ,IAOGR,MAPH,CADF;AAWD,CA7DM"}

package/dist/cjs/components/Gradient/Gradient.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import * as React from "react";
+import "./Gradient.css";
+export interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Тип градиента
+     */
+    mode?: "tint" | "white" | "black";
+    /**
+     * Направление градиента
+     */
+    to?: "top" | "bottom";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Gradient
+ */
+export declare const Gradient: ({ mode, children, to, ...restProps }: GradientProps) => JSX.Element;

package/dist/cjs/components/Gradient/Gradient.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Gradient~~/Gradient~~.~~tsx~~"],"names":["Gradient","mode","children","to","restProps"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,MAIY;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,qBAFnBC,EAEmB;AAAA,MAFnBA,EAEmB,wBAFd,KAEc;AAAA,MADhBC,SACgB;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAE,4BACT,UADS,yBAEOH,IAFP,0BAGOE,EAHP;AAHb,MASGD,QATH,CADF;AAaD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Тип градиента\n /\n mode?: \"tint\" \| \"white\" \| \"black\";\n /\n Направление градиента\n /\n to?: \"top\" \| \"bottom\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n mode = \"tint\",\n children,\n to = \"top\",\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n"],"~~file~~":"~~Gradient.js~~"}
1	+ {"version":3,"file":"Gradient.js","names":["Gradient","mode","children","to","restProps","classNames"],"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Тип градиента\n /\n mode?: \"tint\" \| \"white\" \| \"black\";\n /\n Направление градиента\n /\n to?: \"top\" \| \"bottom\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n mode = \"tint\",\n children,\n to = \"top\",\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAcA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,MAIY;EAAA,IAHnBC,QAGmB,QAHnBA,QAGmB;EAAA,mBAFnBC,EAEmB;EAAA,IAFnBA,EAEmB,wBAFd,KAEc;EAAA,IADhBC,SACgB;EACnB,OACE;IACE,IAAI,EAAC;EADP,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,yBAEOJ,IAFP,0BAGOE,EAHP;EAHb,IASGD,QATH,CADF;AAaD,CAnBM"}

package/dist/cjs/components/GridAvatar/GridAvatar.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { AvatarProps } from "../Avatar/Avatar";
+import { HasRootRef } from "../../types";
+import "./GridAvatar.css";
+export interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, Pick<AvatarProps, "size" | "shadow" | "badge"> {
+    /**
+     * Массив со ссылками. От 1 до 4 элементов.
+     */
+    src?: string[];
+}
+export declare const MAX_GRID_LENGTH = 4;
+/**
+ * @see https://vkcom.github.io/VKUI/#/GridAvatar
+ */
+export declare const GridAvatar: ({ src, ...restProps }: GridAvatarProps) => JSX.Element;

package/dist/cjs/components/GridAvatar/GridAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~GridAvatar~~/GridAvatar~~.~~tsx~~"],"names":["MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,wBAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;AAAA,sBAA9CC,GAA8C;AAAA,MAA9CA,GAA8C,yBAAxC,EAAwC;AAAA,MAAjCC,SAAiC;;AACzE,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,QAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,cAAD,6BAAYI,SAAZ;AAAuB,IAAA,SAAS,EAAC;AAAjC,MACE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;AAAA,WACPA,KAAK,GAAGX,eAAR,GACE;AACE,MAAA,GAAG,EAAEU,GADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,gBAASF,GAAT;AAAjB;AAHT,MADF,GAMI,IAPG;AAAA,GAAR,CADH,CADF,CADF;AAeD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n /*\n Массив со ссылками. От 1 до 4 элементов.\n /\n src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/\n @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n warn(\n `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n \"error\"\n );\n }\n\n return (\n <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n {src.map((url, index) =>\n index < MAX_GRID_LENGTH ? (\n <div\n key={url}\n vkuiClass=\"GridAvatar__item\"\n style={{ backgroundImage: `url(${url})` }}\n />\n ) : null\n )}\n </div>\n </Avatar>\n );\n};\n"],"~~file~~":"~~GridAvatar.js~~"}
1	+ {"version":3,"file":"GridAvatar.js","names":["MAX_GRID_LENGTH","warn","warnOnce","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n /*\n Массив со ссылками. От 1 до 4 элементов.\n /\n src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/\n @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n warn(\n `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n \"error\"\n );\n }\n\n return (\n <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n {src.map((url, index) =>\n index < MAX_GRID_LENGTH ? (\n <div\n key={url}\n vkuiClass=\"GridAvatar__item\"\n style={{ backgroundImage: `url(${url})` }}\n />\n ) : null\n )}\n </div>\n </Avatar>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAiD;EAAA,oBAA9CC,GAA8C;EAAA,IAA9CA,GAA8C,yBAAxC,EAAwC;EAAA,IAAjCC,SAAiC;;EACzE,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaT,eAA3D,EAA4E;IAC1EC,IAAI,0FACoBG,GAAG,CAACK,MADxB,8HACwDT,eADxD,QAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,cAAD,6BAAYK,SAAZ;IAAuB,SAAS,EAAC;EAAjC,IACE;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;IAAA,OACPA,KAAK,GAAGZ,eAAR,GACE;MACE,GAAG,EAAEW,GADP;MAEE,SAAS,EAAC,kBAFZ;MAGE,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAT;MAAjB;IAHT,EADF,GAMI,IAPG;EAAA,CAAR,CADH,CADF,CADF;AAeD,CAvBM"}

package/dist/cjs/components/Group/Group.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Group.css";
+export interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttributes<HTMLElement>, AdaptivityProps {
+    header?: React.ReactNode;
+    description?: React.ReactNode;
+    /**
+      show - разделитель всегда показывается,
+      hide – разделитель всегда спрятан,
+      auto – разделитель рисуется автоматически между соседними группами.
+     */
+    separator?: "show" | "hide" | "auto";
+    /**
+     * Режим отображения. Если установлен 'card', выглядит как карточка c
+     * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.
+     * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах
+     * по умолчанию 'plain'.
+     */
+    mode?: "plain" | "card";
+    /**
+     * Отвечает за отступы вокруг контента в режиме 'card'.
+     */
+    padding?: "s" | "m";
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Group
+ */
+export declare const Group: React.FC<Pick<GroupProps, "hidden" | "dir" | "header" | "slot" | "style" | "title" | "color" | "separator" | "padding" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/Group/Group.js CHANGED Viewed

@@ -35,7 +35,7 @@ var _withAdaptivity = require("../../hoc/withAdaptivity");
 var _ModalRootContext = require("../ModalRoot/ModalRootContext");
-var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "sizeX"];
+var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "padding", "sizeX"];
 var GroupComponent = function GroupComponent(_ref) {
   var header = _ref.header,
@@ -45,6 +45,8 @@ var GroupComponent = function GroupComponent(_ref) {
       separator = _ref$separator === void 0 ? "auto" : _ref$separator,
       getRootRef = _ref.getRootRef,
       mode = _ref.mode,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "m" : _ref$padding,
       sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -73,7 +75,7 @@ var GroupComponent = function GroupComponent(_ref) {
   return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
     vkuiClass: (0, _classNames.classNames)("Group", platform === _platform.IOS && "Group--ios", // TODO v5.0.0 Новая адаптивность
-    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
+    "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode), "Group--padding-".concat(padding))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Group__inner"
   }, header, children, (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {

package/dist/cjs/components/Group/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Group~~/Group~~.~~tsx~~"],"names":["GroupComponent","header","description","children","separator","getRootRef","mode","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","IOS","Group","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAyBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OASL;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,WAOgB,QAPhBA,WAOgB;AAAA,MANhBC,QAMgB,QANhBA,QAMgB;AAAA,4BALhBC,SAKgB;AAAA,MALhBA,SAKgB,+BALJ,MAKI;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,IAGgB,QAHhBA,IAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,0BAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;AAAA,MAAQC,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,YAAgC,GAAGR,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTQ,IAAAA,YAAY,GACVP,KAAK,KAAKQ,yBAASC,OAAnB,IAA8BJ,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,MAAIK,gBAAgB,GAAG,IAAvB;;AAEA,MAAIb,SAAS,KAAK,MAAlB,EAA0B;AACxB,QAAMc,kBAAkB,GAAG,4BACzB,kBADyB,EAEzBd,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;AAIAa,IAAAA,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;AAAS,MAAA,SAAS,EAAEI,kBAApB;AAAwC,MAAA,IAAI,EAAE;AAA9C,MADF,GAGE,qCAAC,oBAAD;AAAW,MAAA,SAAS,EAAEA;AAAtB,MAJJ;AAMD;;AAED,SACE,2EACMV,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,OADS,EAETQ,QAAQ,KAAKM,aAAb,IAAoB,YAFX,EAGT;AAHS,2BAIOZ,KAJP,oBAKCO,YALD;AAHb,MAWE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,MADH,EAEGE,QAFH,EAGG,yBAAaD,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAyCA,WAAzC,CAJJ,CAXF,EAkBGe,gBAlBH,CADF;AAsBD,CAzDD;AA2DA;AACA;AACA;;;AACO,IAAMG,KAAK,GAAG,oCAAepB,cAAf,EAA+B;AAAEO,EAAAA,KAAK,EAAE;AAAT,CAA/~~B,CAAd;;AAEPa,KAAK,CAACC,WAAN,GAAoB,OAApB~~","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n /\n mode?: \"plain\" \| \"card\";\n children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n header,\n description,\n children,\n separator = \"auto\",\n getRootRef,\n mode,\n sizeX,\n ...restProps\n}: GroupProps) => {\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n let separatorElement = null;\n\n if (separator !== \"hide\") {\n const separatorClassName = classNames(\n \"Group__separator\",\n separator === \"show\" && \"Group__separator--force\"\n );\n separatorElement =\n computedMode === \"card\" ? (\n <Spacing vkuiClass={separatorClassName} size={16} />\n ) : (\n <Separator vkuiClass={separatorClassName} />\n );\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Group\",\n platform === IOS && \"Group--ios\",\n // TODO v5.0.0 Новая адаптивность\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\">{description}</Caption>\n )}\n </div>\n {separatorElement}\n </section>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"~~file~~":"~~Group.js~~"}
1	+ {"version":3,"file":"Group.js","names":["GroupComponent","header","description","children","separator","getRootRef","mode","padding","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","usePlatform","computedMode","SizeType","COMPACT","separatorElement","separatorClassName","classNames","IOS","hasReactNode","Group","withAdaptivity","displayName"],"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { Separator } from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n /\n mode?: \"plain\" \| \"card\";\n /\n Отвечает за отступы вокруг контента в режиме 'card'.\n /\n padding?: \"s\" \| \"m\";\n children?: React.ReactNode;\n}\n\nconst GroupComponent = ({\n header,\n description,\n children,\n separator = \"auto\",\n getRootRef,\n mode,\n padding = \"m\",\n sizeX,\n ...restProps\n}: GroupProps) => {\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n let separatorElement = null;\n\n if (separator !== \"hide\") {\n const separatorClassName = classNames(\n \"Group__separator\",\n separator === \"show\" && \"Group__separator--force\"\n );\n separatorElement =\n computedMode === \"card\" ? (\n <Spacing vkuiClass={separatorClassName} size={16} />\n ) : (\n <Separator vkuiClass={separatorClassName} />\n );\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Group\",\n platform === IOS && \"Group--ios\",\n // TODO v5.0.0 Новая адаптивность\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`,\n `Group--padding-${padding}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\">{description}</Caption>\n )}\n </div>\n {separatorElement}\n </section>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = withAdaptivity(GroupComponent, { sizeX: true });\n\nGroup.displayName = \"Group\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AA6BA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAUL;EAAA,IAThBC,MASgB,QAThBA,MASgB;EAAA,IARhBC,WAQgB,QARhBA,WAQgB;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,0BANhBC,SAMgB;EAAA,IANhBA,SAMgB,+BANJ,MAMI;EAAA,IALhBC,UAKgB,QALhBA,UAKgB;EAAA,IAJhBC,IAIgB,QAJhBA,IAIgB;EAAA,wBAHhBC,OAGgB;EAAA,IAHhBA,OAGgB,6BAHN,GAGM;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;;EAChB,wBAA0BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA1B;EAAA,IAAQC,aAAR,qBAAQA,aAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,YAAgC,GAAGV,IAAvC;;EAEA,IAAI,CAACA,IAAL,EAAW;IACTU,YAAY,GACVR,KAAK,KAAKS,wBAAA,CAASC,OAAnB,IAA8BL,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;EAED;;EAED,IAAIM,gBAAgB,GAAG,IAAvB;;EAEA,IAAIf,SAAS,KAAK,MAAlB,EAA0B;IACxB,IAAMgB,kBAAkB,GAAG,IAAAC,sBAAA,EACzB,kBADyB,EAEzBjB,SAAS,KAAK,MAAd,IAAwB,yBAFC,CAA3B;IAIAe,gBAAgB,GACdH,YAAY,KAAK,MAAjB,GACE,qCAAC,gBAAD;MAAS,SAAS,EAAEI,kBAApB;MAAwC,IAAI,EAAE;IAA9C,EADF,GAGE,qCAAC,oBAAD;MAAW,SAAS,EAAEA;IAAtB,EAJJ;EAMD;;EAED,OACE,2EACMX,SADN;IAEE,GAAG,EAAEJ,UAFP;IAGE,SAAS,EAAE,IAAAgB,sBAAA,EACT,OADS,EAETP,QAAQ,KAAKQ,aAAb,IAAoB,YAFX,EAGT;IAHS,uBAIOd,KAJP,oBAKCQ,YALD,4BAMST,OANT;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACGN,MADH,EAEGE,QAFH,EAGG,IAAAoB,mBAAA,EAAarB,WAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAJJ,CAZF,EAmBGiB,gBAnBH,CADF;AAuBD,CA3DD;AA6DA;AACA;AACA;;;AACO,IAAMK,KAAK,GAAG,IAAAC,8BAAA,EAAezB,cAAf,EAA+B;EAAEQ,KAAK,EAAE;AAAT,CAA/B,CAAd;;AAEPgB,KAAK,CAACE,WAAN,GAAoB,OAApB"}

package/dist/cjs/components/Header/Header.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./Header.css";
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
+    mode?: "primary" | "secondary" | "tertiary";
+    subtitle?: React.ReactNode;
+    /**
+     * Допускаются иконки, текст, Link
+     */
+    aside?: React.ReactNode;
+    /**
+     * Допускаются текст, Indicator
+     */
+    indicator?: React.ReactNode;
+    multiline?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Header
+ */
+export declare const Header: ({ mode, children, subtitle, indicator, aside, getRootRef, multiline, ...restProps }: HeaderProps) => JSX.Element;

package/dist/cjs/components/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Header~~/Header~~.~~tsx~~"],"names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","AsideTypography","Subhead","Text","SubtitleTypography","Caption","ANDROID","undefined"],"~~mappings~~":"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~~CJ,CADF;AAsDD,CArEM~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n /\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent = ({\n platform,\n mode,\n ...restProps\n}: HeaderContentProps) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"1\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption weight=\"2\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"3\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"2\" {...restProps} />;\n case \"secondary\":\n return <Caption weight=\"1\" caps {...restProps} />;\n }\n\n return null;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n mode = \"primary\",\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Header\",\n platform === Platform.VKCOM && \"Header--vkcom\",\n platform === Platform.ANDROID && \"Header--android\",\n platform === Platform.IOS && \"Header--ios\",\n `Header--mode-${mode}`,\n isPrimitiveReactNode(indicator) && \"Header--pi\"\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\n \"Header__content-in\",\n multiline && \"Header__content-in--multiline\"\n )}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\" ? \"1\" : undefined\n }\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </SubtitleTypography>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n {aside}\n </AsideTypography>\n )}\n </header>\n );\n};\n"],"~~file~~":"~~Header.js~~"}
1	+ {"version":3,"file":"Header.js","names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","usePlatform","AsideTypography","Subhead","Text","SubtitleTypography","Caption","classNames","ANDROID","isPrimitiveReactNode","hasReactNode","undefined"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n /\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent = ({\n platform,\n mode,\n ...restProps\n}: HeaderContentProps) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"1\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption weight=\"2\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"3\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"2\" {...restProps} />;\n case \"secondary\":\n return <Caption weight=\"1\" caps {...restProps} />;\n }\n\n return null;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n mode = \"primary\",\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Header\",\n platform === Platform.VKCOM && \"Header--vkcom\",\n platform === Platform.ANDROID && \"Header--android\",\n platform === Platform.IOS && \"Header--ios\",\n `Header--mode-${mode}`,\n isPrimitiveReactNode(indicator) && \"Header--pi\"\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\n \"Header__content-in\",\n multiline && \"Header__content-in--multiline\"\n )}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\" ? \"1\" : undefined\n }\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </SubtitleTypography>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n {aside}\n </AsideTypography>\n )}\n </header>\n );\n};\n"],"mappings":"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"}

package/dist/cjs/components/HorizontalCell/HorizontalCell.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { HasComponent, HasRef, HasRootRef } from "../../types";
+import "./HorizontalCell.css";
+export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, HasComponent {
+    size?: "s" | "m" | "l";
+    header?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    disabled?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/HorizontalCell
+ */
+export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, ...restProps }: HorizontalCellProps) => JSX.Element;

package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~HorizontalCell~~/HorizontalCell~~.~~tsx~~"],"names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;AAAA,MAHzBC,IAGyB,QAHzBA,IAGyB;AAAA,MAFzBC,QAEyB,QAFzBA,QAEyB;AAAA,MADtBC,SACsB;AACzB,SAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC;AAAf,KAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,qCAAC,cAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;AACzB,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gBAAX,4BAAgDF,IAAhD,EADb;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKG,yBAAaD,QAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaI,MAAb,KACC,qCAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGK,MADH,CAFJ,EAMG,yBAAaE,QAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n size,\n children,\n ...restProps\n}: CellTypographyProps) => {\n return size === \"s\" ? (\n <Caption level=\"2\" {...restProps}>\n {children}\n </Caption>\n ) : (\n <Subhead {...restProps}>{children}</Subhead>\n );\n};\n\nexport interface HorizontalCellProps\n extends React.AnchorHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasComponent {\n size?: \"s\" \| \"m\" \| \"l\";\n header?: React.ReactNode;\n subtitle?: React.ReactNode;\n disabled?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n className,\n header,\n style,\n subtitle,\n size = \"s\",\n children = <Avatar size={56} />,\n getRootRef,\n getRef,\n ...restProps\n}: HorizontalCellProps) => {\n return (\n <div\n vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n ref={getRootRef}\n style={style}\n className={className}\n >\n <Tappable\n vkuiClass=\"HorizontalCell__body\"\n getRootRef={getRef}\n {...restProps}\n >\n {hasReactNode(children) && (\n <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n )}\n <div vkuiClass=\"HorizontalCell__content\">\n {hasReactNode(header) && (\n <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n {header}\n </CellTypography>\n )}\n {hasReactNode(subtitle) && (\n <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n )}\n </div>\n </Tappable>\n </div>\n );\n};\n"],"~~file~~":"~~HorizontalCell.js~~"}
1	+ {"version":3,"file":"HorizontalCell.js","names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","classNames","hasReactNode"],"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n size,\n children,\n ...restProps\n}: CellTypographyProps) => {\n return size === \"s\" ? (\n <Caption level=\"2\" {...restProps}>\n {children}\n </Caption>\n ) : (\n <Subhead {...restProps}>{children}</Subhead>\n );\n};\n\nexport interface HorizontalCellProps\n extends React.AnchorHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasComponent {\n size?: \"s\" \| \"m\" \| \"l\";\n header?: React.ReactNode;\n subtitle?: React.ReactNode;\n disabled?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n className,\n header,\n style,\n subtitle,\n size = \"s\",\n children = <Avatar size={56} />,\n getRootRef,\n getRef,\n ...restProps\n}: HorizontalCellProps) => {\n return (\n <div\n vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n ref={getRootRef}\n style={style}\n className={className}\n >\n <Tappable\n vkuiClass=\"HorizontalCell__body\"\n getRootRef={getRef}\n {...restProps}\n >\n {hasReactNode(children) && (\n <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n )}\n <div vkuiClass=\"HorizontalCell__content\">\n {hasReactNode(header) && (\n <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n {header}\n </CellTypography>\n )}\n {hasReactNode(subtitle) && (\n <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n )}\n </div>\n </Tappable>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;EAAA,IAHzBC,IAGyB,QAHzBA,IAGyB;EAAA,IAFzBC,QAEyB,QAFzBA,QAEyB;EAAA,IADtBC,SACsB;EACzB,OAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;IAAS,KAAK,EAAC;EAAf,GAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;EAAA,IATzBC,SASyB,SATzBA,SASyB;EAAA,IARzBC,MAQyB,SARzBA,MAQyB;EAAA,IAPzBC,KAOyB,SAPzBA,KAOyB;EAAA,IANzBC,QAMyB,SANzBA,QAMyB;EAAA,uBALzBP,IAKyB;EAAA,IALzBA,IAKyB,2BALlB,GAKkB;EAAA,2BAJzBC,QAIyB;EAAA,IAJzBA,QAIyB,+BAJd,qCAAC,cAAD;IAAQ,IAAI,EAAE;EAAd,EAIc;EAAA,IAHzBO,UAGyB,SAHzBA,UAGyB;EAAA,IAFzBC,MAEyB,SAFzBA,MAEyB;EAAA,IADtBP,SACsB;EACzB,OACE;IACE,SAAS,EAAE,IAAAQ,sBAAA,EAAW,gBAAX,4BAAgDV,IAAhD,EADb;IAEE,GAAG,EAAEQ,UAFP;IAGE,KAAK,EAAEF,KAHT;IAIE,SAAS,EAAEF;EAJb,GAME,qCAAC,kBAAD;IACE,SAAS,EAAC,sBADZ;IAEE,UAAU,EAAEK;EAFd,GAGMP,SAHN,GAKG,IAAAS,mBAAA,EAAaV,QAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAwCA,QAAxC,CANJ,EAQE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAU,mBAAA,EAAaN,MAAb,KACC,qCAAC,cAAD;IAAgB,IAAI,EAAEL,IAAtB;IAA4B,SAAS,EAAC;EAAtC,GACGK,MADH,CAFJ,EAMG,IAAAM,mBAAA,EAAaJ,QAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM"}