@pushwoosh/dumb-components 2.5.0 → 2.5.1

package/Banner/Banner.js

@@ -80,7 +80,6 @@ export function Banner(props) {
         view: "filled"
       })
     }), _jsxs(BannerContent, {
-      "$hasTitleAndChildren": hasTitle && hasChildren,
       children: [hasTitle && _jsx(H4, {
         children: title
       }), hasChildren && _jsx("div", {

package/Banner/styles.d.ts

@@ -11,9 +11,7 @@ export declare const BannerBox: import("styled-components").StyledComponent<"div
     $isOpen?: boolean;
     $isLoading: boolean;
 }, never>;
-export declare const BannerContent: import("styled-components").StyledComponent<"div", any, {
-    $hasTitleAndChildren?: boolean;
-}, never>;
+export declare const BannerContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BannerShape: import("styled-components").StyledComponent<"div", any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     $isOpen?: boolean;

package/Banner/styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { ShapeRadius, FontWeight } from '@pushwoosh/kit-constants';
+import { FontSize, FontWeight, LineHeight, ShapeRadius } from '@pushwoosh/kit-constants';
 import { colors } from './colors';
 export const BannerSpinner = styled.div.withConfig({
   displayName: "BannerSpinner",
@@ -8,7 +8,7 @@ export const BannerSpinner = styled.div.withConfig({
 export const ActionButton = styled.button.withConfig({
   displayName: "ActionButton",
   componentId: "sc-9uu4ap-1"
-})(["appearance:none !important;border:none;background:initial;cursor:pointer;padding:6px;position:relative;font-weight:", ";white-space:nowrap;height:fit-content;> span{visibility:", ";}opacity:", ";"], FontWeight.BOLD, ({
+})(["appearance:none !important;border:none;background:initial;cursor:pointer;padding:6px;position:relative;font-size:", ";line-height:", ";font-weight:", ";text-transform:uppercase;white-space:nowrap;height:fit-content;> span{visibility:", ";}opacity:", ";"], FontSize.SMALL, LineHeight.SMALL, FontWeight.BOLD, ({
   $isLoading
 }) => $isLoading ? 'hidden' : 'visible', ({
   $isPressed,
@@ -27,9 +27,7 @@ export const BannerBox = styled.div.withConfig({
 export const BannerContent = styled.div.withConfig({
   displayName: "BannerContent",
   componentId: "sc-9uu4ap-4"
-})(["flex-grow:1;padding:", ";color:", ";"], ({
-  $hasTitleAndChildren
-}) => $hasTitleAndChildren ? '16px' : '8px 16px', colors.error.shape.base.color);
+})(["flex-grow:1;padding:12px 16px;color:", ";"], colors.error.shape.base.color);
 export const IconContainer = styled.div.withConfig({
   displayName: "IconContainer",
   componentId: "sc-9uu4ap-5"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",