@pushwoosh/dumb-components 1.1.118 → 1.1.119

package/CrashScreen/CrashScreen.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from 'react';
+export declare function CrashScreen(): ReactElement;

package/CrashScreen/CrashScreen.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Color } from '@pushwoosh/kit-constants';
+import { WarningRoundIcon } from '@pushwoosh/kit-icons';
+import { RootBox, IconBox, TitleBox, DescriptionBox } from './styles';
+export function CrashScreen() {
+  return React.createElement(RootBox, null, React.createElement(IconBox, null, React.createElement(WarningRoundIcon, {
+    size: "medium",
+    view: "filled",
+    color: Color.WARNING
+  })), React.createElement(TitleBox, null, "Something went wrong"), React.createElement(DescriptionBox, null, "Please refresh the page or try again later."));
+}

package/CrashScreen/index.d.ts

@@ -0,0 +1 @@
+export { CrashScreen } from './CrashScreen';

package/CrashScreen/index.js

@@ -0,0 +1 @@
+export { CrashScreen } from './CrashScreen';

package/CrashScreen/styles.d.ts

@@ -0,0 +1,5 @@
+import { H1 } from '@pushwoosh/kit-typography';
+export declare const RootBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleBox: import("styled-components").StyledComponent<typeof H1, any, {}, never>;
+export declare const DescriptionBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/CrashScreen/styles.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+import { Color, FontWeight } from '@pushwoosh/kit-constants';
+import { H1 } from '@pushwoosh/kit-typography';
+export const RootBox = styled.div.withConfig({
+  displayName: "RootBox",
+  componentId: "sc-b6tbd2-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:520px;padding:56px 48px;margin:0 auto;"]);
+export const IconBox = styled.div.withConfig({
+  displayName: "IconBox",
+  componentId: "sc-b6tbd2-1"
+})(["margin-bottom:12px;"]);
+export const TitleBox = styled(H1).withConfig({
+  displayName: "TitleBox",
+  componentId: "sc-b6tbd2-2"
+})(["color:", ";font-weight:", ";margin-bottom:8px;"], Color.LOCKED, FontWeight.MEDIUM);
+export const DescriptionBox = styled.div.withConfig({
+  displayName: "DescriptionBox",
+  componentId: "sc-b6tbd2-3"
+})(["color:", ";text-align:center;"], Color.LOCKED);

package/index.d.ts

@@ -4,6 +4,7 @@ export { Banner, type BannerType } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
+export { CrashScreen } from './CrashScreen';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
 export { CalendarSuperForm, CalendarDropdown, addPeriod, compareStructs, dateToStruct, dateToStructTz, getTimezoneOffset, getPeriodEnd, getPeriodStart, structToDate, structToDateTz, stringifyValue, pickDateStruct, type CalendarDropdownProps, type CalendarDropdownRangeDateProps, type CalendarSuperFormProps, type DateStruct, type RangeValue, } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';

package/index.js

@@ -4,6 +4,7 @@ export { Banner } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
+export { CrashScreen } from './CrashScreen';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs } from './Drawer';
 export { CalendarSuperForm, CalendarDropdown, addPeriod, compareStructs, dateToStruct, dateToStructTz, getTimezoneOffset, getPeriodEnd, getPeriodStart, structToDate, structToDateTz, stringifyValue, pickDateStruct } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';

package/package.json

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