@pushwoosh/dumb-components 1.1.207 → 1.1.209

package/DateTimePicker/components/Input/styles.js

@@ -3,4 +3,4 @@ import { Color } from '@pushwoosh/kit-constants';
 export const InputStyled = styled.input.withConfig({
   displayName: "InputStyled",
   componentId: "sc-17gtn04-0"
-})(["color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.FROZEN, Color.LOCKED);
+})(["color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";-webkit-text-fill-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.PHANTOM, Color.FROZEN, Color.LOCKED);

package/Divider/index.d.ts

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

package/Divider/index.js

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

package/Divider/styles.d.ts

@@ -0,0 +1,2 @@
+/** Thin horizontal separator line; spacing around it belongs to the layout, not to the divider. */
+export declare const Divider: import("styled-components").StyledComponent<"hr", any, {}, never>;

package/Divider/styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Color } from '@pushwoosh/kit-constants';
+/** Thin horizontal separator line; spacing around it belongs to the layout, not to the divider. */
+export const Divider = styled.hr.withConfig({
+  displayName: "Divider",
+  componentId: "sc-16w0xah-0"
+})(["width:100%;height:1px;margin:0;padding:0;border:none;background-color:", ";"], Color.DIVIDER);

package/NumberPicker/styles.js

@@ -5,7 +5,7 @@ export const InputStyled = styled.input.attrs({
 }).withConfig({
   displayName: "InputStyled",
   componentId: "sc-vq8xnz-0"
-})(["width:100%;color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.FROZEN, Color.LOCKED);
+})(["width:100%;color:", ";-webkit-text-fill-color:", ";background-color:transparent;&::placeholder{color:", ";-webkit-text-fill-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}"], Color.MAIN, Color.MAIN, Color.PHANTOM, Color.PHANTOM, Color.FROZEN, Color.LOCKED);
 export const Hint = styled.div.withConfig({
   displayName: "Hint",
   componentId: "sc-vq8xnz-1"

package/index.d.ts

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

package/index.js

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

package/native/Input.js

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

package/native/Textarea.js

@@ -4,7 +4,7 @@ import { Color, FontSize, LineHeight, ShapeRadius } from '@pushwoosh/kit-constan
 export const NativeTextarea = styled.textarea.withConfig({
   displayName: "NativeTextarea",
   componentId: "sc-1xe83i4-0"
-})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";-webkit-text-fill-color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}&::placeholder{color:", ";}"], ({
+})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:8px 12px;border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";color:", ";-webkit-text-fill-color:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";-webkit-text-fill-color:", ";}&::placeholder{color:", ";-webkit-text-fill-color:", ";}"], ({
   $width
 }) => $width || '100%', ({
   $width
@@ -12,4 +12,4 @@ export const NativeTextarea = styled.textarea.withConfig({
   $width
 }) => $width || '100%', ({
   $isErrored
-}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.LOCKED, Color.PHANTOM);
+}) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.MAIN, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.LOCKED, Color.PHANTOM, Color.PHANTOM);

package/package.json

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