@pushwoosh/dumb-components 1.1.83 → 1.1.85

package/Banner/Banner.js

@@ -1,5 +1,4 @@
 import React, { useState, useCallback } from 'react';
-import { Spacing } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { H4 } from '@pushwoosh/kit-typography';
@@ -64,7 +63,7 @@ export function Banner(props) {
   })), React.createElement(BannerContent, {
     "$hasChildren": !!children
   }, React.createElement(H4, null, title), children && React.createElement("div", null, children)), action && React.createElement(Vertical, {
-    "$padding": `0 ${Spacing.S3} 0 0`,
+    "$padding": "0 8px 0 0",
     "$alignContent": "center"
   }, React.createElement(ActionButton, {
     onClick: handleAction,

package/ExportResult/ExportResult.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Spacing } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
@@ -16,19 +15,19 @@ export function ExportResult(props) {
   return React.createElement(Horizontal, {
     "$justifyContent": "space-between",
     "$alignItems": "center",
-    "$gap": Spacing.S4
+    "$gap": 12
   }, React.createElement(Horizontal, {
-    "$gap": Spacing.S4
+    "$gap": 12
   }, React.createElement(LeftSlot, {
     "$type": type,
     "$alignItems": "center",
-    "$padding": Spacing.S1
+    "$padding": 4
   }, leftSlotIcon || React.createElement(CsvIcon, {
     size: "medium",
     view: "filled"
   })), React.createElement(MainInfoContainer, null, React.createElement(Title, null, title), React.createElement(Subtitle, null, subtitle))), React.createElement(RightSlotContainer, {
-    "$gap": Spacing.S3,
-    "$alignItems": "center"
+    "$alignItems": "center",
+    "$gap": 8
   }, rightSlot, React.createElement(Button, {
     color: "secondary",
     onClick: handleClose,

package/ExternalImagePreview/styles.js

@@ -12,7 +12,7 @@ export const RootBox = styled.div.withConfig({
 export const ImgPreview = styled.img.withConfig({
   displayName: "ImgPreview",
   componentId: "sc-irvho3-1"
-})(["width:", ";height:", ";border-radius:", ";opacity:", ";z-index:1;"], ({
+})(["width:", ";height:", ";border-radius:", ";opacity:", ";"], ({
   width
 }) => toCssValue(width), ({
   height
@@ -22,7 +22,7 @@ export const ImgPreview = styled.img.withConfig({
 export const PlaceholderWrapper = styled.div.withConfig({
   displayName: "PlaceholderWrapper",
   componentId: "sc-irvho3-2"
-})(["width:", ";height:", ";display:flex;align-items:center;justify-content:center;border-radius:", ";position:absolute;top:0;left:0;z-index:2;background:", ";"], ({
+})(["width:", ";height:", ";display:flex;align-items:center;justify-content:center;border-radius:", ";position:absolute;top:0;left:0;background:", ";"], ({
   width
 }) => toCssValue(width), ({
   height

package/PageHeader/components/PageHeader/styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Spacing } from '@pushwoosh/kit-constants';
 import { Paragraph } from '@pushwoosh/kit-typography';
 export const RootBox = styled.div.withConfig({
   displayName: "RootBox",
@@ -12,18 +11,18 @@ export const BackButton = styled.div.withConfig({
 export const TitleBox = styled.div.withConfig({
   displayName: "TitleBox",
   componentId: "sc-1qwo99q-2"
-})(["display:flex;align-items:center;justify-content:start;flex-shrink:0;gap:", ";"], Spacing.S3);
+})(["display:flex;align-items:center;justify-content:start;flex-shrink:0;gap:8px;"]);
 export const ActionsBox = styled.div.withConfig({
   displayName: "ActionsBox",
   componentId: "sc-1qwo99q-3"
-})(["display:flex;justify-content:flex-end;gap:", ";"], Spacing.S3);
+})(["display:flex;justify-content:flex-end;gap:8px;"]);
 export const MoreActionsBox = styled.div.withConfig({
   displayName: "MoreActionsBox",
   componentId: "sc-1qwo99q-4"
 })(["display:flex;margin-right:", ";"], ({
   hasActions
-}) => hasActions ? Spacing.S5 : '0');
+}) => hasActions ? '16px' : '0');
 export const DescriptionBox = styled(Paragraph).withConfig({
   displayName: "DescriptionBox",
   componentId: "sc-1qwo99q-5"
-})(["margin-top:", ";"], Spacing.S5);
+})(["margin-top:16px;"]);

package/PageHeader/components/PageHeaderEditable/styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { Spacing } from '@pushwoosh/kit-constants';
 import { H2, Paragraph } from '@pushwoosh/kit-typography';
 export const RootBox = styled.div.withConfig({
   displayName: "RootBox",
@@ -12,22 +11,22 @@ export const BackButton = styled.div.withConfig({
 export const TitleBox = styled.div.withConfig({
   displayName: "TitleBox",
   componentId: "sc-19rm2yr-2"
-})(["display:flex;align-items:center;justify-content:start;flex-shrink:0;gap:", ";"], Spacing.S3);
+})(["display:flex;align-items:center;justify-content:start;flex-shrink:0;gap:8px;"]);
 export const AutosizeInputBox = styled(H2).withConfig({
   displayName: "AutosizeInputBox",
   componentId: "sc-19rm2yr-3"
-})(["display:flex;align-items:center;justify-content:start;overflow:hidden;gap:", ";"], Spacing.S3);
+})(["display:flex;align-items:center;justify-content:start;overflow:hidden;gap:8px;"]);
 export const ActionsBox = styled.div.withConfig({
   displayName: "ActionsBox",
   componentId: "sc-19rm2yr-4"
-})(["display:flex;justify-content:flex-end;gap:", ";"], Spacing.S3);
+})(["display:flex;justify-content:flex-end;gap:8px;"]);
 export const MoreActionsBox = styled.div.withConfig({
   displayName: "MoreActionsBox",
   componentId: "sc-19rm2yr-5"
 })(["display:flex;margin-right:", ";"], ({
   hasActions
-}) => hasActions ? Spacing.S5 : '0');
+}) => hasActions ? '16px' : '0');
 export const DescriptionBox = styled(Paragraph).withConfig({
   displayName: "DescriptionBox",
   componentId: "sc-19rm2yr-6"
-})(["margin-top:", ";"], Spacing.S5);
+})(["margin-top:16px;"]);

package/Tabs/components/Tabs/styles.js

@@ -1,6 +1,5 @@
 import styled from 'styled-components';
-import { Spacing } from '@pushwoosh/kit-constants';
 export const TabsContainer = styled.div.withConfig({
   displayName: "TabsContainer",
   componentId: "sc-1pr0dun-0"
-})(["display:flex;flex-direction:column;gap:", ";width:100%;height:100%;"], Spacing.S5);
+})(["display:flex;flex-direction:column;width:100%;height:100%;gap:16px;"]);

package/index.d.ts

@@ -5,7 +5,7 @@ export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
-export { CalendarSuperForm, type CalendarSuperFormProps, CalendarDropdown, type CalendarDropdownProps, dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset, } from './Calendar';
+export { CalendarSuperForm, CalendarDropdown, dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset, type CalendarSuperFormProps, type CalendarDropdownProps, } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';
@@ -31,15 +31,16 @@ export { PushPreview } from './PushPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
 export { ExportResult } from './ExportResult';
+export { ExternalImagePreview } from './ExternalImagePreview';
 export { NativeInput, NativeTextarea, NativeSelect, NativeTimeInput, } from './native';
 export { FieldBox } from './FieldBox';
 export { NumberPicker } from './NumberPicker';
 export { CodeEditor } from './CodeEditor';
 export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip } from './Chip';
-export { RichMessageEditor, RichMessageViewer, type DynamicContent } from './RichMessageEditor';
-export { FrequencyCappingEdit, FrequencyCappingReadonly, type LocalCapping } from './FrequencyCapping';
-export { SendRateEdit, SendRateReadonly, type SendRateBase, type SendRateEditProps, type SendRateReadonlyProps } from './SendRate';
+export { RichMessageEditor, RichMessageViewer, type DynamicContent, } from './RichMessageEditor';
+export { FrequencyCappingEdit, FrequencyCappingReadonly, type LocalCapping, } from './FrequencyCapping';
+export { SendRateEdit, SendRateReadonly, type SendRateBase, type SendRateEditProps, type SendRateReadonlyProps, } from './SendRate';
 export { Alert } from './Alert';
-export { ApplicationPreloader, type ApplicationPreloaderProps } from './ApplicationPreloader';
+export { ApplicationPreloader, type ApplicationPreloaderProps, } from './ApplicationPreloader';
 export { NotificationInbox, NotificationBar, NotificationBell, type Notification, type NotificationInboxProps, type NotificationSeverity, type NotificationBarType, type NotificationBarProps, type NotificationBellProps, } from './NotificationInbox';

package/index.js

@@ -31,6 +31,7 @@ export { PushPreview } from './PushPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
 export { ExportResult } from './ExportResult';
+export { ExternalImagePreview } from './ExternalImagePreview';
 export { NativeInput, NativeTextarea, NativeSelect, NativeTimeInput } from './native';
 export { FieldBox } from './FieldBox';
 export { NumberPicker } from './NumberPicker';

package/package.json

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