@pushwoosh/smart-components-kit 1.3.20 → 1.3.21

package/ProductUpdates/styles.d.ts

@@ -1,4 +1,11 @@
 export declare const CardImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const ContentBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const List: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const List: import("styled-components").StyledComponent<"span", any, {
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
+} & {
+    as: string;
+}, "as">;
 export declare const Bold: import("styled-components").StyledComponent<"strong", any, {}, never>;

package/ProductUpdates/styles.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { FontWeight, ShapeRadius } from '@pushwoosh/kit-constants';
+import { Text } from '@pushwoosh/kit-typography';
 // The only rule kit-helpers cannot express: object-fit has no prop there, and it is
 // what keeps a wrongly proportioned upload from stretching the card.
 export const CardImage = styled.img.withConfig({
@@ -12,7 +13,11 @@ export const ContentBox = styled.div.withConfig({
   displayName: "ContentBox",
   componentId: "sc-11vonu6-1"
 })(["> * + *{margin-top:0.5em;}"]);
-export const List = styled.ul.withConfig({
+// Built on Text, not on a bare <ul>: the paragraph typography lives in that variant, and
+// a plain list would keep the surrounding font size — 16px next to the card's 14px.
+export const List = styled(Text).attrs({
+  as: 'ul'
+}).withConfig({
   displayName: "List",
   componentId: "sc-11vonu6-2"
 })(["margin:0;padding-left:1.25em;list-style:disc outside;li + li{margin-top:0.25em;}"]);

package/package.json

@@ -54,5 +54,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.3.20"
+  "version": "1.3.21"
 }