@vkontakte/vkui 8.2.0 → 8.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "8.2.0",
+  "version": "8.2.1",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",

package/src/components/ActionSheet/ActionSheet.module.css

@@ -5,7 +5,8 @@
   box-sizing: border-box;
   inline-size: 100%;
   max-inline-size: var(--vkui--size_popup_small--regular);
-  padding: 10px;
+  padding-block: 10px calc(10px + var(--vkui_internal--safe_area_inset_bottom));
+  padding-inline: 10px;
 }
 
 @media (--reduce-motion) {
@@ -49,7 +50,8 @@
  * iOS
  */
 .ios {
-  padding: 8px;
+  padding-block: 8px calc(8px + var(--vkui_internal--safe_area_inset_bottom));
+  padding-inline: 8px;
   background: transparent;
 }
 
@@ -59,7 +61,7 @@
 }
 
 .closeItemWrapperIos {
-  margin-block: 8px var(--vkui_internal--safe_area_inset_bottom);
+  margin-block-start: 8px;
   overflow: hidden;
   background: var(--vkui--color_background_modal);
   border-radius: 14px;

package/src/components/ActionSheet/ActionSheet.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./ActionSheet.module.css"],"names":["host","contentWrapper","header","opening","closing","title","description","ios","closeItemWrapperIos","densityCompact","menu"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWEA,M,WAXF;AAAA,E,aAiBAC,gB,WAjBA;AAAA,E,aA0BAC,Q,WA1BA;AAAA,E,aAgCAC,S,WAhCA;AAAA,E,aAqCAC,S,WArCA;AAAA,E,aA2CAC,O,WA3CA;AAAA,E,aA2CSC,a,WA3CT;AAAA,E,aAkDAC,K,WAlDA;AAAA,E,aAuDAA,K,WAvDA;AAAA,E,aAuDKN,gB,WAvDL;AAAA,E,aA4DAO,qB,WA5DA;AAAA,E,aAoEAD,K,WApEA;AAAA,E,aAoEIH,S,WApEJ;AAAA,E,aAwEAG,K,WAxEA;AAAA,E,aAwEKL,Q,WAxEL;AAAA,E,aA6EAK,K,WA7EA;AAAA,E,aA6EKF,O,WA7EL;AAAA,E,aAiFAE,K,WAjFA;AAAA,E,aAiFKD,a,WAjFL;AAAA,E,aAqFAC,K,WArFA;AAAA,E,aAqFKL,Q,WArFL;AAAA,E,aAmGAO,gB,WAnGA;AAAA,E,aAmGgBP,Q,WAnGhB;AAAA,E,aA2GAQ,M,WA3GA;AAAA,E,aAqHAA,M,WArHA;AAAA,E,aAqHKH,K,WArHL;AAAA,E,aAqHUN,gB,WArHV;AAAA,E,aA2HES,M,WA3HF;AAAA;AAAA","file":"ActionSheet.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ActionSheet.module.css"],"names":["host","contentWrapper","header","opening","closing","title","description","ios","closeItemWrapperIos","densityCompact","menu"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYEA,M,WAZF;AAAA,E,aAkBAC,gB,WAlBA;AAAA,E,aA2BAC,Q,WA3BA;AAAA,E,aAiCAC,S,WAjCA;AAAA,E,aAsCAC,S,WAtCA;AAAA,E,aA4CAC,O,WA5CA;AAAA,E,aA4CSC,a,WA5CT;AAAA,E,aAmDAC,K,WAnDA;AAAA,E,aAyDAA,K,WAzDA;AAAA,E,aAyDKN,gB,WAzDL;AAAA,E,aA8DAO,qB,WA9DA;AAAA,E,aAsEAD,K,WAtEA;AAAA,E,aAsEIH,S,WAtEJ;AAAA,E,aA0EAG,K,WA1EA;AAAA,E,aA0EKL,Q,WA1EL;AAAA,E,aA+EAK,K,WA/EA;AAAA,E,aA+EKF,O,WA/EL;AAAA,E,aAmFAE,K,WAnFA;AAAA,E,aAmFKD,a,WAnFL;AAAA,E,aAuFAC,K,WAvFA;AAAA,E,aAuFKL,Q,WAvFL;AAAA,E,aAqGAO,gB,WArGA;AAAA,E,aAqGgBP,Q,WArGhB;AAAA,E,aA6GAQ,M,WA7GA;AAAA,E,aAuHAA,M,WAvHA;AAAA,E,aAuHKH,K,WAvHL;AAAA,E,aAuHUN,gB,WAvHV;AAAA,E,aA6HES,M,WA7HF;AAAA;AAAA","file":"ActionSheet.module.css.d.ts","sourceRoot":""}

package/src/components/Banner/Banner.tsx

@@ -162,11 +162,14 @@ export const Banner = ({
     ),
   };
 
-  const after = afterProp && (
-    <div className={styles.after}>
-      {typeof afterProp === 'string' ? afterMap[afterProp] : afterProp}
-    </div>
-  );
+  const getAfterContent = () => {
+    if (typeof afterProp === 'string') {
+      return afterMap[afterProp] || afterProp;
+    }
+    return afterProp;
+  };
+
+  const after = afterProp && <div className={styles.after}>{getAfterContent()}</div>;
 
   const isClickable = restProps.onClick || restProps.onClickCapture || restProps.href;