@pushwoosh/dumb-components 2.12.1 → 3.0.0

package/DateTimePicker/styles.js

@@ -1,66 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Color, ShapeRadius, FontSize, FontWeight, LineHeight, Shadow } from '@pushwoosh/kit-constants';
-import { Horizontal } from '@pushwoosh/kit-helpers';
-const disabled = css(["border:1px solid ", ";background:linear-gradient( to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - 0.8px),", " 50%,rgba(0,0,0,0) calc(50% + 0.8px),rgba(0,0,0,0) 100% );opacity:0.8;pointer-events:none;"], Color.FORM, Color.FORM);
-const CalendarCellBaseStyled = styled.div.withConfig({
-  displayName: "CalendarCellBaseStyled",
-  componentId: "sc-t3ruuk-0"
-})(["display:flex;justify-content:center;align-items:center;"]);
-export const CellBox = styled(CalendarCellBaseStyled).withConfig({
-  displayName: "CellBox",
-  componentId: "sc-t3ruuk-1"
-})(["height:", ";color:", ";background-color:", ";border-radius:", ";opacity:", ";outline:", ";cursor:pointer;", " &:hover{background-color:", ";}"], ({
-  $height
-}) => $height || '32px', ({
-  $isActive
-}) => $isActive ? Color.CLEAR : Color.MAIN, ({
-  $isActive
-}) => $isActive ? Color.BRIGHT : Color.CLEAR, ShapeRadius.CONTROL, ({
-  $secondary
-}) => $secondary ? 0.8 : 1, ({
-  $isActive,
-  $secondActive
-}) => $secondActive && !$isActive ? '1px solid #00a2ff5a' : 'none', ({
-  $isDisabled
-}) => $isDisabled && disabled, ({
-  $isActive
-}) => $isActive ? Color.BRIGHT_HOVER : Color.SOFT_LIGHT);
-export const DayHeader = styled(CalendarCellBaseStyled).withConfig({
-  displayName: "DayHeader",
-  componentId: "sc-t3ruuk-2"
-})(["height:32px;color:", ";font-weight:", ";font-size:", ";line-height:", ";"], Color.LOCKED, FontWeight.REGULAR, FontSize.SMALL, LineHeight.SMALL);
-export const DateInfo = styled.div.withConfig({
-  displayName: "DateInfo",
-  componentId: "sc-t3ruuk-3"
-})(["display:flex;align-items:center;height:24px;color:", ";background:", ";padding:2px 8px;font-weight:", ";font-size:", ";line-height:", ";border-radius:", ";cursor:pointer;"], Color.MAIN, Color.SOFT_LIGHT, FontWeight.MEDIUM, FontSize.SMALL, LineHeight.SMALL, ShapeRadius.CONTROL);
-export const RoundedBlock = styled(Horizontal).attrs({
-  $alignItems: 'center',
-  $padding: '0 12px'
-}).withConfig({
-  displayName: "RoundedBlock",
-  componentId: "sc-t3ruuk-4"
-})(["display:inline-grid;height:36px;border-radius:", ";"], ShapeRadius.CONTROL);
-export const InputFrame = styled(RoundedBlock).withConfig({
-  displayName: "InputFrame",
-  componentId: "sc-t3ruuk-5"
-})(["position:relative;color:", ";border:1px solid ", ";box-sizing:border-box;cursor:pointer;&:focus-within{border-color:", ";}& > input{color:#4b5057;height:34px;border:none;padding:0;outline:none;line-height:140%;}"], ({
-  $empty
-}) => $empty ? Color.BRIGHT : Color.MAIN, ({
-  $error
-}) => $error ? '#ff0000' : Color.FORM, Color.BRIGHT);
-export const SingleInputFrame = styled(InputFrame).withConfig({
-  displayName: "SingleInputFrame",
-  componentId: "sc-t3ruuk-6"
-})(["grid-template-columns:", ";padding-right:0;background-color:", ";pointer-events:", ";& > div:last-of-type{height:34px;padding-left:1px;background-color:", ";border-radius:0 ", " ", " 0;& > div{display:flex;justify-content:center;align-items:center;color:", ";background-color:", ";cursor:pointer;&:hover > *{transform:scale(1.3);}&:first-of-type{border-top-right-radius:", ";}&:last-of-type{border-bottom-right-radius:", ";}}}"], ({
-  $hasHint
-}) => $hasHint ? '1fr max-content 21px' : '1fr 21px', ({
-  $isDisabled
-}) => $isDisabled ? Color.FROZEN : Color.CLEAR, ({
-  $isDisabled
-}) => $isDisabled ? 'none' : 'auto', Color.FORM, ShapeRadius.CONTROL, ShapeRadius.CONTROL, Color.MAIN, Color.FROZEN, ShapeRadius.CONTROL, ShapeRadius.CONTROL);
-export const CalendarBox = styled.div.withConfig({
-  displayName: "CalendarBox",
-  componentId: "sc-t3ruuk-7"
-})(["width:282px;background-color:", ";padding:16px;border:1px solid ", ";border-radius:", ";box-shadow:", ";box-sizing:border-box;pointer-events:", ";z-index:1;"], Color.CLEAR, Color.FORM, ShapeRadius.CONTROL, Shadow.REGULAR, ({
-  $disabled
-}) => $disabled ? 'none' : 'auto');

package/DateTimePicker/types.d.ts

@@ -1,11 +0,0 @@
-/** Granularity unit used by the (deprecated) date/time picker internals. */
-export type Period = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
-/** A value with optional min/max bounds for the (deprecated) date/time picker internals. */
-export type RangeOptions = {
-    /** The current date value. */
-    value: Date;
-    /** Earliest selectable date. */
-    minDate?: Date | string;
-    /** Latest selectable date. */
-    maxDate?: Date | string;
-};

package/DateTimePicker/types.js

@@ -1 +0,0 @@
-export {};