@pushwoosh/dumb-components 0.0.15 → 0.0.17

package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.js

@@ -3,7 +3,7 @@ import { Spacing } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import pwLogo from './assets/PW_logo.svg';
 import { Container, PreviewMock } from './styled';
-import { LockedText, LockedTitle } from '../../../styles';
+import { LockedText, LockedTitle } from '../../../common';
 export const NoEmailTemplatePreview = () => {
   return React.createElement(Container, {
     "$gap": Spacing.S4,

package/ExportResult/ExportResult.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Button } from '@pushwoosh/kit-button';
 import { Spacing } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
-import { CloseIcon, CSVIcon } from '@pushwoosh/kit-icons';
+import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
 import { LeftSlot, MainInfoContainer, RightSlotContainer, Subtitle, Title } from './styled';
 export function ExportResult({
   type,
@@ -22,7 +22,7 @@ export function ExportResult({
     "$type": type,
     "$alignItems": "center",
     "$padding": Spacing.S1
-  }, leftSlotIcon || React.createElement(CSVIcon, {
+  }, 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, {

package/index.d.ts

@@ -1,6 +1,7 @@
 export { ProgressBar } from './ProgressBar';
 export * from './Tabs';
 export { StatisticCard } from './StatisticCard';
-export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
+export { EmailTemplatePreview, NoEmailTemplatePreview, } from './EmailTemplatePreview';
 export { PushPreview } from './PushPreview';
 export { ExportResult } from './ExportResult';
+export { NativeInput, NativeTextarea, NativeSelect, } from './native';

package/index.js

@@ -3,4 +3,5 @@ export * from './Tabs';
 export { StatisticCard } from './StatisticCard';
 export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
 export { PushPreview } from './PushPreview';
-export { ExportResult } from './ExportResult';
+export { ExportResult } from './ExportResult';
+export { NativeInput, NativeTextarea, NativeSelect } from './native';

package/native/Input.d.ts

@@ -0,0 +1,3 @@
+export declare const NativeInput: import("styled-components").StyledComponent<"input", any, {
+    $isErrored?: boolean;
+}, never>;

package/native/Input.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { Color, FontSize, LineHeight, Spacing, ShapeRadius, UnitSize } from '@pushwoosh/kit-constants';
+export const NativeInput = styled.input.withConfig({
+  displayName: "NativeInput",
+  componentId: "sc-oqkcxd-0"
+})(["height:", ";padding:0 calc(", " - 1px);border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, Spacing.S4, ({
+  $isErrored
+}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);

package/native/Select.d.ts

@@ -0,0 +1,3 @@
+export declare const NativeSelect: import("styled-components").StyledComponent<"select", any, {
+    $isErrored?: boolean;
+}, never>;

package/native/Select.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { Color, FontSize, ShapeRadius, Spacing, UnitSize } from '@pushwoosh/kit-constants';
+export const NativeSelect = styled.select.withConfig({
+  displayName: "NativeSelect",
+  componentId: "sc-1fsh619-0"
+})(["height:", ";padding:0 ", " 0 ", ";border:1px solid ", ";border-radius:", ";font-size:", ";color:", ";background-color:", ";background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) calc(1em + 1px),calc(100% - 11px) calc(1em + 1px);background-size:5px 5px;background-repeat:no-repeat;appearance:none;&:hover{border-color:", ";}&:focus{outline:none;border:1px solid ", ";}&:read-only{border:1px solid ", ";}&:disabled{background-color:", ";cursor:not-allowed;}&:read-only{border:1px solid ", ";}&:read-only:hover{border-color:", ";}&::placeholder{color:", ";}"], UnitSize.FIELD_HEIGHT, Spacing.S7, Spacing.S4, Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, Color.MAIN, Color.CLEAR, Color.PHANTOM, Color.BRIGHT, Color.FORM, Color.FROZEN, ({
+  $isErrored
+}) => $isErrored ? Color.DANGER : Color.FORM, ({
+  $isErrored
+}) => $isErrored ? Color.DANGER : Color.PHANTOM, Color.PHANTOM);

package/native/Textarea.d.ts

@@ -0,0 +1,3 @@
+export declare const NativeTextarea: import("styled-components").StyledComponent<"textarea", any, {
+    $isErrored?: boolean;
+}, never>;

package/native/Textarea.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { Color, FontSize, LineHeight, Spacing, ShapeRadius } from '@pushwoosh/kit-constants';
+export const NativeTextarea = styled.textarea.withConfig({
+  displayName: "NativeTextarea",
+  componentId: "sc-1xe83i4-0"
+})(["min-height:56px;padding:", " ", ";border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], Spacing.S3, Spacing.S4, ({
+  $isErrored
+}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);

package/native/index.d.ts

@@ -0,0 +1,3 @@
+export { NativeInput } from './Input';
+export { NativeTextarea } from './Textarea';
+export { NativeSelect } from './Select';

package/native/index.js

@@ -0,0 +1,3 @@
+export { NativeInput } from './Input';
+export { NativeTextarea } from './Textarea';
+export { NativeSelect } from './Select';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@pushwoosh/kit-button": "^2.3.5",
     "@pushwoosh/kit-helpers": "^4.6.2",
-    "@pushwoosh/kit-icons": "^2.0.25",
+    "@pushwoosh/kit-icons": "^2.1.0",
     "@pushwoosh/kit-spinner": "^1.5.1",
     "@pushwoosh/kit-typography": "^1.7.1",
     "liquidjs": "^10.18.0",

package/styles.d.ts

@@ -1,8 +0,0 @@
-import { H5 } from '@pushwoosh/kit-typography';
-export declare const LockedTitle: import("styled-components").StyledComponent<typeof H5, any, {
-    $uppercase?: boolean;
-}, never>;
-export declare const LockedText: import("styled-components").StyledComponent<"div", any, {
-    $uppercase?: boolean;
-    $small?: boolean;
-}, never>;

package/styles.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import { Color, FontSize } from '@pushwoosh/kit-constants';
-import { H5 } from '@pushwoosh/kit-typography';
-export const LockedTitle = styled(H5).withConfig({
-  displayName: "LockedTitle",
-  componentId: "sc-86bd6t-0"
-})(["text-transform:", ";color:", ";text-overflow:ellipsis;"], ({
-  $uppercase
-}) => $uppercase ? 'uppercase' : 'initial', Color.LOCKED);
-export const LockedText = styled.div.withConfig({
-  displayName: "LockedText",
-  componentId: "sc-86bd6t-1"
-})(["text-transform:", ";font-size:", ";color:", ";"], ({
-  $uppercase
-}) => $uppercase ? 'uppercase' : 'initial', ({
-  $small
-}) => $small ? FontSize.SMALL : 'initial', Color.LOCKED);