@commercetools-uikit/date-time-input - npm Package Compare versions

Comparing version 10.16.1-canary.4 to 10.16.1-canary.5

dist/date-input.cjs.js

@@ -295,19 +295,14 @@ 'use strict';
   var overwrittenVars = _objectSpread2({}, designSystem.customProperties, {}, theme);
-  var baseStyles =
-  core.css("appearance:none;background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designSystem.designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designSystem.designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designSystem.designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenFocused], ";}");
+  var baseStyles = core.css("appearance:none;background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designSystem.designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designSystem.designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designSystem.designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designSystem.designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designSystem.designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenFocused], ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    core.css("background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
+    return [baseStyles, core.css("background-color:", overwrittenVars[designSystem.designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    core.css("border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenError], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenError], ";")];
+    return [baseStyles, core.css("border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenError], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenError], ";")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    core.css(baseStyles, " border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenWarning], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenWarning], ";")];
+    return [baseStyles, core.css(baseStyles, " border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenWarning], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenWarning], ";")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    core.css("border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
+    return [baseStyles, core.css("border-color:", overwrittenVars[designSystem.designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
   }
@@ -318,15 +313,11 @@ return baseStyles;
 var getClearSectionStyles = function getClearSectionStyles(props) {
-  var baseIconStyles =
-  core.css("align-items:center;box-sizing:border-box;background-color:", designSystem.customProperties.backgroundColorForInput, ";border-bottom:1px solid ", designSystem.customProperties.borderColorForInput, ";border-top:1px solid ", designSystem.customProperties.borderColorForInput, ";height:", designSystem.customProperties.sizeHeightInput, ";display:flex;padding:", designSystem.customProperties.spacingXs, ";cursor:pointer;outline:0;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";");
+  var baseIconStyles = core.css("align-items:center;box-sizing:border-box;background-color:", designSystem.customProperties.backgroundColorForInput, ";border-bottom:1px solid ", designSystem.customProperties.borderColorForInput, ";border-top:1px solid ", designSystem.customProperties.borderColorForInput, ";height:", designSystem.customProperties.sizeHeightInput, ";display:flex;padding:", designSystem.customProperties.spacingXs, ";cursor:pointer;outline:0;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";");
   if (props.isOpen || props.isFocused) {
-    return [baseIconStyles,
-    core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";")];
+    return [baseIconStyles, core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";")];
   }
   if (props.hasError) {
-    return [baseIconStyles,
-    core.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";")];
+    return [baseIconStyles, core.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";")];
   }
   if (props.hasWarning) {
-    return [baseIconStyles,
-    core.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")];
+    return [baseIconStyles, core.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")];
   }
@@ -336,23 +327,17 @@ return baseIconStyles;
 var getCalendarIconContainerStyles = function getCalendarIconContainerStyles(props, state) {
-  var baseIconStyles =
-  core.css("align-items:center;box-sizing:border-box;background-color:", designSystem.customProperties.backgroundColorForInput, ";border:1px solid ", designSystem.customProperties.borderColorForInput, ";height:", designSystem.customProperties.sizeHeightInput, ";display:flex;padding:", designSystem.customProperties.spacingXs, ";border-top-right-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom-right-radius:", designSystem.customProperties.borderRadiusForInput, ";outline:0;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";&:active,&:focus{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+  var baseIconStyles = core.css("align-items:center;box-sizing:border-box;background-color:", designSystem.customProperties.backgroundColorForInput, ";border:1px solid ", designSystem.customProperties.borderColorForInput, ";height:", designSystem.customProperties.sizeHeightInput, ";display:flex;padding:", designSystem.customProperties.spacingXs, ";border-top-right-radius:", designSystem.customProperties.borderRadiusForInput, ";border-bottom-right-radius:", designSystem.customProperties.borderRadiusForInput, ";outline:0;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";&:active,&:focus{border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseIconStyles,
-    core.css("cursor:not-allowed;background-color:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";border-color:", designSystem.customProperties.borderColorForInputWhenDisabled, ";")];
+    return [baseIconStyles, core.css("cursor:not-allowed;background-color:", designSystem.customProperties.backgroundColorForInputWhenDisabled, ";color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";border-color:", designSystem.customProperties.borderColorForInputWhenDisabled, ";")];
   }
   if (props.hasError) {
-    return [baseIconStyles,
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenError, ";border-color:", designSystem.customProperties.borderColorForInputWhenError, ";")];
+    return [baseIconStyles, core.css("color:", designSystem.customProperties.fontColorForInputWhenError, ";border-color:", designSystem.customProperties.borderColorForInputWhenError, ";")];
   }
   if (props.hasWarning) {
-    return [baseIconStyles,
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenWarning, ";border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")];
+    return [baseIconStyles, core.css("color:", designSystem.customProperties.fontColorForInputWhenWarning, ";border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")];
   }
   if (props.isReadOnly) {
-    return [baseIconStyles,
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";border-color:", designSystem.customProperties.borderColorForInputWhenReadonly, ";")];
+    return [baseIconStyles, core.css("color:", designSystem.customProperties.fontColorForInputWhenReadonly, ";border-color:", designSystem.customProperties.borderColorForInputWhenReadonly, ";")];
   }
   if (props.isOpen || state.isFocused) {
-    return [baseIconStyles,
-    core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";")];
+    return [baseIconStyles, core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";")];
   }
@@ -362,12 +347,9 @@ return baseIconStyles;
 var getInputContainerStyles = function getInputContainerStyles() {
-  return (
-    core.css("width:100%;align-items:center;display:flex;font-size:", designSystem.customProperties.fontSizeDefault, ";font-family:inherit;")
+  return (core.css("width:100%;align-items:center;display:flex;font-size:", designSystem.customProperties.fontSizeDefault, ";font-family:inherit;")
   );
 };
 var getDateTimeInputStyles = function getDateTimeInputStyles(props, state) {
-  var baseStyles = [getInputStyles(props),
-  core.css("border-radius:", designSystem.customProperties.borderRadiusForInput, " 0 0 ", designSystem.customProperties.borderRadiusForInput, ";border-right:none;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";")];
+  var baseStyles = [getInputStyles(props), core.css("border-radius:", designSystem.customProperties.borderRadiusForInput, " 0 0 ", designSystem.customProperties.borderRadiusForInput, ";border-right:none;transition:color ", designSystem.customProperties.transitionStandard, ",border-color ", designSystem.customProperties.transitionStandard, ";")];
   if ((props.isOpen || state.isFocused) && !props.isReadOnly) {
-    return [].concat(baseStyles, [
-    core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";color:", designSystem.customProperties.fontColorForInput, ";")]);
+    return [].concat(baseStyles, [core.css("border-color:", designSystem.customProperties.borderColorForInputWhenFocused, ";color:", designSystem.customProperties.fontColorForInput, ";")]);
   }
@@ -489,4 +471,3 @@ return baseStyles;
 };
-var CalendarMenu =
-function (_Component) {
+var CalendarMenu = function (_Component) {
   _inherits(CalendarMenu, _Component);
@@ -506,7 +487,3 @@ function CalendarMenu() {
       return core.jsx("div", _extends({}, rest, {
-        css:
-        _css([
-        core.css("overflow-y:scroll;color:", designSystem.customProperties.colorSolid, ";font-family:inherit;border:1px solid ", designSystem.customProperties.borderColorForInputWhenFocused, ";border-radius:", designSystem.customProperties.borderRadiusForInput, ";margin-top:", designSystem.customProperties.spacingXs, ";font-size:", designSystem.customProperties.fontSizeDefault, ";position:absolute;box-sizing:border-box;width:100%;background-color:", designSystem.customProperties.colorSurface, ";z-index:99999;"), !hasFooter && _ref, hasError &&
-        core.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";"), hasWarning &&
-        core.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")])
+        css: _css([core.css("overflow-y:scroll;color:", designSystem.customProperties.colorSolid, ";font-family:inherit;border:1px solid ", designSystem.customProperties.borderColorForInputWhenFocused, ";border-radius:", designSystem.customProperties.borderRadiusForInput, ";margin-top:", designSystem.customProperties.spacingXs, ";font-size:", designSystem.customProperties.fontSizeDefault, ";position:absolute;box-sizing:border-box;width:100%;background-color:", designSystem.customProperties.colorSurface, ";z-index:99999;"), !hasFooter && _ref, hasError && core.css("border-color:", designSystem.customProperties.borderColorForInputWhenError, ";"), hasWarning && core.css("border-color:", designSystem.customProperties.borderColorForInputWhenWarning, ";")])
       }), this.props.children, this.props.footer);
@@ -562,4 +539,3 @@ }
     onMouseDown: onMouseDown,
-    css:
-    core.css("display:flex;padding:10px 2% 6px;margin-bottom:", designSystem.customProperties.spacingXs, ";justify-content:space-between;border-bottom:1px solid ", designSystem.customProperties.colorNeutral90, ";")
+    css: core.css("display:flex;padding:10px 2% 6px;margin-bottom:", designSystem.customProperties.spacingXs, ";justify-content:space-between;border-bottom:1px solid ", designSystem.customProperties.colorNeutral90, ";")
   }, core.jsx(Inline, {
@@ -654,32 +630,24 @@ scale: "xs",
   if (!['heading', 'spacing'].includes(props.type)) {
-    styles.push(
-    core.css("text-align:center;padding:", designSystem.customProperties.spacingS, " 0;cursor:default;border-radius:", designSystem.customProperties.borderRadius4, ";"));
+    styles.push( core.css("text-align:center;padding:", designSystem.customProperties.spacingS, " 0;cursor:default;border-radius:", designSystem.customProperties.borderRadius4, ";"));
   }
   if (['heading', 'spacing'].includes(props.type)) {
-    styles.push(
-    core.css("text-align:center;padding:", designSystem.customProperties.spacingS, " 0;cursor:default;color:", designSystem.customProperties.colorNeutral60, ";"));
+    styles.push( core.css("text-align:center;padding:", designSystem.customProperties.spacingS, " 0;cursor:default;color:", designSystem.customProperties.colorNeutral60, ";"));
   }
   if (props.isHighlighted) {
-    styles.push(
-    core.css("background-color:", designSystem.customProperties.colorNeutral90, ";"));
+    styles.push( core.css("background-color:", designSystem.customProperties.colorNeutral90, ";"));
   }
   if (props.isSelected) {
-    styles.push(
-    core.css("background-color:", designSystem.customProperties.colorPrimary, ";color:", designSystem.customProperties.colorSurface, ";"));
+    styles.push( core.css("background-color:", designSystem.customProperties.colorPrimary, ";color:", designSystem.customProperties.colorSurface, ";"));
   }
   if (props.isRangeStart || props.isRangeEnd) {
-    styles.push(
-    core.css("background-color:", designSystem.customProperties.colorPrimary40, ";color:", designSystem.customProperties.colorSurface, ";"));
+    styles.push( core.css("background-color:", designSystem.customProperties.colorPrimary40, ";color:", designSystem.customProperties.colorSurface, ";"));
   }
   if (props.isRangeBetween) {
-    styles.push(
-    core.css("background-color:", designSystem.customProperties.colorNeutral90, ";color:", designSystem.customProperties.fontColorForInput, ";"));
+    styles.push( core.css("background-color:", designSystem.customProperties.colorNeutral90, ";color:", designSystem.customProperties.fontColorForInput, ";"));
   }
   if (!props.isSelected && !props.isRangeStart && !props.isRangeEnd && props.isToday) {
-    styles.push(
-    core.css("color:", designSystem.customProperties.colorInfo, ";font-weight:bold;"));
+    styles.push( core.css("color:", designSystem.customProperties.colorInfo, ";font-weight:bold;"));
   }
   if (props.disabled) {
-    styles.push(
-    core.css("color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";cursor:not-allowed;"));
+    styles.push( core.css("color:", designSystem.customProperties.fontColorForInputWhenDisabled, ";cursor:not-allowed;"));
   }
@@ -719,4 +687,3 @@ return styles;
 var getInputStyles$1 = function getInputStyles() {
-  return (
-    core.css("width:100%;text-align:center;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", designSystem.customProperties.fontSizeDefault, ";margin-top:", designSystem.customProperties.spacingS, ";color:", designSystem.customProperties.colorSolid, ";:disabled{background-color:", designSystem.customProperties.colorSurface, ";}")
+  return (core.css("width:100%;text-align:center;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", designSystem.customProperties.fontSizeDefault, ";margin-top:", designSystem.customProperties.spacingS, ";color:", designSystem.customProperties.colorSolid, ";:disabled{background-color:", designSystem.customProperties.colorSurface, ";}")
   );
@@ -769,4 +736,3 @@ };
 };
-var DateTimeInput =
-function (_React$Component) {
+var DateTimeInput = function (_React$Component) {
   _inherits(DateTimeInput, _React$Component);
@@ -1061,5 +1027,5 @@ function DateTimeInput() {
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 exports.default = dateTimeInput;
 exports.version = version;

dist/date-input.esm.js

@@ -288,19 +288,14 @@ import React, { useState, useCallback, Component } from 'react';
   var overwrittenVars = _objectSpread2({}, customProperties, {}, theme);
-  var baseStyles =
-  css("appearance:none;background-color:", overwrittenVars[designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designTokens.borderColorForInputWhenFocused], ";}");
+  var baseStyles = css("appearance:none;background-color:", overwrittenVars[designTokens.backgroundColorForInput], ";border:1px solid ", overwrittenVars[designTokens.borderColorForInput], ";border-radius:", overwrittenVars[designTokens.borderRadiusForInput], ";box-shadow:none;box-sizing:border-box;color:", overwrittenVars[designTokens.fontColorForInput], ";display:flex;flex:1;font-family:inherit;font-size:", overwrittenVars[designTokens.fontSizeForInput], ";height:", overwrittenVars.sizeHeightInput, ";min-height:", overwrittenVars.sizeHeightInput, ";outline:none;overflow:hidden;padding:0 ", overwrittenVars.spacingS, ";transition:border-color ", overwrittenVars.transitionStandard, ",background-color ", overwrittenVars.transitionStandard, ",color ", overwrittenVars.transitionStandard, ";width:100%;&::placeholder{color:", overwrittenVars[designTokens.placeholderFontColorForInput], ";}&:active,&:focus{border-color:", overwrittenVars[designTokens.borderColorForInputWhenFocused], ";}");
   if (props.isDisabled) {
-    return [baseStyles,
-    css("background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
+    return [baseStyles, css("background-color:", overwrittenVars[designTokens.backgroundColorForInputWhenDisabled], ";border-color:", overwrittenVars[designTokens.borderColorForInputWhenDisabled], ";color:", overwrittenVars[designTokens.fontColorForInputWhenDisabled], ";cursor:not-allowed;opacity:1;")];
   }
   if (props.hasError) {
-    return [baseStyles,
-    css("border-color:", overwrittenVars[designTokens.borderColorForInputWhenError], ";color:", overwrittenVars[designTokens.fontColorForInputWhenError], ";")];
+    return [baseStyles, css("border-color:", overwrittenVars[designTokens.borderColorForInputWhenError], ";color:", overwrittenVars[designTokens.fontColorForInputWhenError], ";")];
   }
   if (props.hasWarning) {
-    return [baseStyles,
-    css(baseStyles, " border-color:", overwrittenVars[designTokens.borderColorForInputWhenWarning], ";color:", overwrittenVars[designTokens.fontColorForInputWhenWarning], ";")];
+    return [baseStyles, css(baseStyles, " border-color:", overwrittenVars[designTokens.borderColorForInputWhenWarning], ";color:", overwrittenVars[designTokens.fontColorForInputWhenWarning], ";")];
   }
   if (props.isReadOnly) {
-    return [baseStyles,
-    css("border-color:", overwrittenVars[designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
+    return [baseStyles, css("border-color:", overwrittenVars[designTokens.borderColorForInputWhenReadonly], ";color:", overwrittenVars[designTokens.fontColorForInputWhenReadonly], ";cursor:default;")];
   }
@@ -311,15 +306,11 @@ return baseStyles;
 var getClearSectionStyles = function getClearSectionStyles(props) {
-  var baseIconStyles =
-  css("align-items:center;box-sizing:border-box;background-color:", customProperties.backgroundColorForInput, ";border-bottom:1px solid ", customProperties.borderColorForInput, ";border-top:1px solid ", customProperties.borderColorForInput, ";height:", customProperties.sizeHeightInput, ";display:flex;padding:", customProperties.spacingXs, ";cursor:pointer;outline:0;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";");
+  var baseIconStyles = css("align-items:center;box-sizing:border-box;background-color:", customProperties.backgroundColorForInput, ";border-bottom:1px solid ", customProperties.borderColorForInput, ";border-top:1px solid ", customProperties.borderColorForInput, ";height:", customProperties.sizeHeightInput, ";display:flex;padding:", customProperties.spacingXs, ";cursor:pointer;outline:0;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";");
   if (props.isOpen || props.isFocused) {
-    return [baseIconStyles,
-    css("border-color:", customProperties.borderColorForInputWhenFocused, ";")];
+    return [baseIconStyles, css("border-color:", customProperties.borderColorForInputWhenFocused, ";")];
   }
   if (props.hasError) {
-    return [baseIconStyles,
-    css("border-color:", customProperties.borderColorForInputWhenError, ";")];
+    return [baseIconStyles, css("border-color:", customProperties.borderColorForInputWhenError, ";")];
   }
   if (props.hasWarning) {
-    return [baseIconStyles,
-    css("border-color:", customProperties.borderColorForInputWhenWarning, ";")];
+    return [baseIconStyles, css("border-color:", customProperties.borderColorForInputWhenWarning, ";")];
   }
@@ -329,23 +320,17 @@ return baseIconStyles;
 var getCalendarIconContainerStyles = function getCalendarIconContainerStyles(props, state) {
-  var baseIconStyles =
-  css("align-items:center;box-sizing:border-box;background-color:", customProperties.backgroundColorForInput, ";border:1px solid ", customProperties.borderColorForInput, ";height:", customProperties.sizeHeightInput, ";display:flex;padding:", customProperties.spacingXs, ";border-top-right-radius:", customProperties.borderRadiusForInput, ";border-bottom-right-radius:", customProperties.borderRadiusForInput, ";outline:0;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";&:active,&:focus{border-color:", customProperties.borderColorForInputWhenFocused, ";}");
+  var baseIconStyles = css("align-items:center;box-sizing:border-box;background-color:", customProperties.backgroundColorForInput, ";border:1px solid ", customProperties.borderColorForInput, ";height:", customProperties.sizeHeightInput, ";display:flex;padding:", customProperties.spacingXs, ";border-top-right-radius:", customProperties.borderRadiusForInput, ";border-bottom-right-radius:", customProperties.borderRadiusForInput, ";outline:0;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";&:active,&:focus{border-color:", customProperties.borderColorForInputWhenFocused, ";}");
   if (props.isDisabled) {
-    return [baseIconStyles,
-    css("cursor:not-allowed;background-color:", customProperties.backgroundColorForInputWhenDisabled, ";color:", customProperties.fontColorForInputWhenDisabled, ";border-color:", customProperties.borderColorForInputWhenDisabled, ";")];
+    return [baseIconStyles, css("cursor:not-allowed;background-color:", customProperties.backgroundColorForInputWhenDisabled, ";color:", customProperties.fontColorForInputWhenDisabled, ";border-color:", customProperties.borderColorForInputWhenDisabled, ";")];
   }
   if (props.hasError) {
-    return [baseIconStyles,
-    css("color:", customProperties.fontColorForInputWhenError, ";border-color:", customProperties.borderColorForInputWhenError, ";")];
+    return [baseIconStyles, css("color:", customProperties.fontColorForInputWhenError, ";border-color:", customProperties.borderColorForInputWhenError, ";")];
   }
   if (props.hasWarning) {
-    return [baseIconStyles,
-    css("color:", customProperties.fontColorForInputWhenWarning, ";border-color:", customProperties.borderColorForInputWhenWarning, ";")];
+    return [baseIconStyles, css("color:", customProperties.fontColorForInputWhenWarning, ";border-color:", customProperties.borderColorForInputWhenWarning, ";")];
   }
   if (props.isReadOnly) {
-    return [baseIconStyles,
-    css("color:", customProperties.fontColorForInputWhenReadonly, ";border-color:", customProperties.borderColorForInputWhenReadonly, ";")];
+    return [baseIconStyles, css("color:", customProperties.fontColorForInputWhenReadonly, ";border-color:", customProperties.borderColorForInputWhenReadonly, ";")];
   }
   if (props.isOpen || state.isFocused) {
-    return [baseIconStyles,
-    css("border-color:", customProperties.borderColorForInputWhenFocused, ";")];
+    return [baseIconStyles, css("border-color:", customProperties.borderColorForInputWhenFocused, ";")];
   }
@@ -355,12 +340,9 @@ return baseIconStyles;
 var getInputContainerStyles = function getInputContainerStyles() {
-  return (
-    css("width:100%;align-items:center;display:flex;font-size:", customProperties.fontSizeDefault, ";font-family:inherit;")
+  return (css("width:100%;align-items:center;display:flex;font-size:", customProperties.fontSizeDefault, ";font-family:inherit;")
   );
 };
 var getDateTimeInputStyles = function getDateTimeInputStyles(props, state) {
-  var baseStyles = [getInputStyles(props),
-  css("border-radius:", customProperties.borderRadiusForInput, " 0 0 ", customProperties.borderRadiusForInput, ";border-right:none;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";")];
+  var baseStyles = [getInputStyles(props), css("border-radius:", customProperties.borderRadiusForInput, " 0 0 ", customProperties.borderRadiusForInput, ";border-right:none;transition:color ", customProperties.transitionStandard, ",border-color ", customProperties.transitionStandard, ";")];
   if ((props.isOpen || state.isFocused) && !props.isReadOnly) {
-    return [].concat(baseStyles, [
-    css("border-color:", customProperties.borderColorForInputWhenFocused, ";color:", customProperties.fontColorForInput, ";")]);
+    return [].concat(baseStyles, [css("border-color:", customProperties.borderColorForInputWhenFocused, ";color:", customProperties.fontColorForInput, ";")]);
   }
@@ -482,4 +464,3 @@ return baseStyles;
 };
-var CalendarMenu =
-function (_Component) {
+var CalendarMenu = function (_Component) {
   _inherits(CalendarMenu, _Component);
@@ -499,7 +480,3 @@ function CalendarMenu() {
       return jsx("div", _extends({}, rest, {
-        css:
-        _css([
-        css("overflow-y:scroll;color:", customProperties.colorSolid, ";font-family:inherit;border:1px solid ", customProperties.borderColorForInputWhenFocused, ";border-radius:", customProperties.borderRadiusForInput, ";margin-top:", customProperties.spacingXs, ";font-size:", customProperties.fontSizeDefault, ";position:absolute;box-sizing:border-box;width:100%;background-color:", customProperties.colorSurface, ";z-index:99999;"), !hasFooter && _ref, hasError &&
-        css("border-color:", customProperties.borderColorForInputWhenError, ";"), hasWarning &&
-        css("border-color:", customProperties.borderColorForInputWhenWarning, ";")])
+        css: _css([css("overflow-y:scroll;color:", customProperties.colorSolid, ";font-family:inherit;border:1px solid ", customProperties.borderColorForInputWhenFocused, ";border-radius:", customProperties.borderRadiusForInput, ";margin-top:", customProperties.spacingXs, ";font-size:", customProperties.fontSizeDefault, ";position:absolute;box-sizing:border-box;width:100%;background-color:", customProperties.colorSurface, ";z-index:99999;"), !hasFooter && _ref, hasError && css("border-color:", customProperties.borderColorForInputWhenError, ";"), hasWarning && css("border-color:", customProperties.borderColorForInputWhenWarning, ";")])
       }), this.props.children, this.props.footer);
@@ -555,4 +532,3 @@ }
     onMouseDown: onMouseDown,
-    css:
-    css("display:flex;padding:10px 2% 6px;margin-bottom:", customProperties.spacingXs, ";justify-content:space-between;border-bottom:1px solid ", customProperties.colorNeutral90, ";")
+    css: css("display:flex;padding:10px 2% 6px;margin-bottom:", customProperties.spacingXs, ";justify-content:space-between;border-bottom:1px solid ", customProperties.colorNeutral90, ";")
   }, jsx(Inline, {
@@ -647,32 +623,24 @@ scale: "xs",
   if (!['heading', 'spacing'].includes(props.type)) {
-    styles.push(
-    css("text-align:center;padding:", customProperties.spacingS, " 0;cursor:default;border-radius:", customProperties.borderRadius4, ";"));
+    styles.push( css("text-align:center;padding:", customProperties.spacingS, " 0;cursor:default;border-radius:", customProperties.borderRadius4, ";"));
   }
   if (['heading', 'spacing'].includes(props.type)) {
-    styles.push(
-    css("text-align:center;padding:", customProperties.spacingS, " 0;cursor:default;color:", customProperties.colorNeutral60, ";"));
+    styles.push( css("text-align:center;padding:", customProperties.spacingS, " 0;cursor:default;color:", customProperties.colorNeutral60, ";"));
   }
   if (props.isHighlighted) {
-    styles.push(
-    css("background-color:", customProperties.colorNeutral90, ";"));
+    styles.push( css("background-color:", customProperties.colorNeutral90, ";"));
   }
   if (props.isSelected) {
-    styles.push(
-    css("background-color:", customProperties.colorPrimary, ";color:", customProperties.colorSurface, ";"));
+    styles.push( css("background-color:", customProperties.colorPrimary, ";color:", customProperties.colorSurface, ";"));
   }
   if (props.isRangeStart || props.isRangeEnd) {
-    styles.push(
-    css("background-color:", customProperties.colorPrimary40, ";color:", customProperties.colorSurface, ";"));
+    styles.push( css("background-color:", customProperties.colorPrimary40, ";color:", customProperties.colorSurface, ";"));
   }
   if (props.isRangeBetween) {
-    styles.push(
-    css("background-color:", customProperties.colorNeutral90, ";color:", customProperties.fontColorForInput, ";"));
+    styles.push( css("background-color:", customProperties.colorNeutral90, ";color:", customProperties.fontColorForInput, ";"));
   }
   if (!props.isSelected && !props.isRangeStart && !props.isRangeEnd && props.isToday) {
-    styles.push(
-    css("color:", customProperties.colorInfo, ";font-weight:bold;"));
+    styles.push( css("color:", customProperties.colorInfo, ";font-weight:bold;"));
   }
   if (props.disabled) {
-    styles.push(
-    css("color:", customProperties.fontColorForInputWhenDisabled, ";cursor:not-allowed;"));
+    styles.push( css("color:", customProperties.fontColorForInputWhenDisabled, ";cursor:not-allowed;"));
   }
@@ -712,4 +680,3 @@ return styles;
 var getInputStyles$1 = function getInputStyles() {
-  return (
-    css("width:100%;text-align:center;border:0;border-top:1px solid ", customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", customProperties.fontSizeDefault, ";margin-top:", customProperties.spacingS, ";color:", customProperties.colorSolid, ";:disabled{background-color:", customProperties.colorSurface, ";}")
+  return (css("width:100%;text-align:center;border:0;border-top:1px solid ", customProperties.colorNeutral90, ";padding:10px 0;outline:0;font-size:", customProperties.fontSizeDefault, ";margin-top:", customProperties.spacingS, ";color:", customProperties.colorSolid, ";:disabled{background-color:", customProperties.colorSurface, ";}")
   );
@@ -762,4 +729,3 @@ };
 };
-var DateTimeInput =
-function (_React$Component) {
+var DateTimeInput = function (_React$Component) {
   _inherits(DateTimeInput, _React$Component);
@@ -1054,5 +1020,5 @@ function DateTimeInput() {
 
-var version = '10.16.1-canary.4+d2b7d28b';
+var version = '10.16.1-canary.5+73037d7e';
 
 export default dateTimeInput;
 export { version };

package.json

 {
   "name": "@commercetools-uikit/date-time-input",
-  "version": "10.16.1-canary.4+d2b7d28b",
+  "version": "10.16.1-canary.5+73037d7e",
   "description": "",
@@ -22,18 +22,18 @@ "main": "dist/date-input.cjs.js",
   "dependencies": {
-    "@commercetools-uikit/calendar-time-utils": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/constraints": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/design-system": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/icons": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/secondary-icon-button": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/select-utils": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/spacings-inline": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/text": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/tooltip": "10.16.1-canary.4+d2b7d28b",
-    "@commercetools-uikit/utils": "10.16.1-canary.4+d2b7d28b",
-    "@emotion/core": "10.0.27",
+    "@commercetools-uikit/calendar-time-utils": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/constraints": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/design-system": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/icons": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/secondary-icon-button": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/select-utils": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/spacings-inline": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/text": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/tooltip": "10.16.1-canary.5+73037d7e",
+    "@commercetools-uikit/utils": "10.16.1-canary.5+73037d7e",
+    "@emotion/core": "10.0.28",
     "@emotion/styled": "10.0.27",
     "common-tags": "1.8.0",
-    "downshift": "5.0.3",
+    "downshift": "5.0.4",
     "prop-types": "15.7.2",
-    "react-is": "16.12.0",
+    "react-is": "16.13.0",
     "react-required-if": "1.0.3",
@@ -48,3 +48,3 @@ "tiny-invariant": "1.1.0",
   },
-  "gitHead": "d2b7d28b8caab04100108fcf0d7efcf3b93f7cd9"
+  "gitHead": "73037d7e0407b8f2958f37d5a2cc6f17705fe897"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

83573

decreased by-0.33%

Lines of code

1944

decreased by-3.28%

Dependency changes

• + Added@emotion/core@10.0.28(transitive)

• + Addeddownshift@5.0.4(transitive)

• + Addedreact-is@16.13.0(transitive)

• - Removed@emotion/core@10.0.2710.3.1(transitive)

• - Removeddownshift@5.0.3(transitive)

• - Removedreact-is@16.12.0(transitive)

• Updated@commercetools-uikit/calendar-time-utils@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/constraints@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/design-system@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/icons@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/secondary-icon-button@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/select-utils@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/spacings-inline@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/text@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/tooltip@10.16.1-canary.5+73037d7e

• Updated@commercetools-uikit/utils@10.16.1-canary.5+73037d7e

• Updated@emotion/core@10.0.28

• Updateddownshift@5.0.4

• Updatedreact-is@16.13.0