diginet-core-ui 1.3.85 → 1.3.86

package/components/form-control/calendar/function.js

@@ -10,7 +10,7 @@ import theme from "../../../theme/settings";
 import { date as moment } from "../../../utils";
 import { color as colors } from "../../../styles/colors";
 import { typography } from "../../../styles/typography";
-import { alignCenter, border, borderBox, borderRadius4px, cursorPointer, flexCol, flexRow, inlineFlex, justifyBetween, pointerEventsNone, positionAbsolute, positionRelative, textCenter, userSelectNone } from "../../../styles/general";
+import { itemsCenter, border, boxBorder, borderRadius4px, cursorPointer, flexCol, flexRow, displayInlineFlex, justifyBetween, pointerEventsNone, positionAbsolute, positionRelative, textCenter, userSelectNone } from "../../../styles/general";
 const {
   heading6
 } = typography;
@@ -44,7 +44,7 @@ const {
  */
 const generateCalendarCSS = (unique, boxShadow = true, onClickActive = true) => css`
     ${borderRadius4px}
-    ${borderBox}
+    ${boxBorder}
 	${flexCol}
 	background-color: ${white};
     box-shadow: ${boxShadow ? theme.boxShadows.large : 'none'};
@@ -66,8 +66,8 @@ const generateCalendarCSS = (unique, boxShadow = true, onClickActive = true) =>
             width: 64px;
         }
         .${unique.navigator.center} {
-            ${inlineFlex}
-            ${alignCenter}
+            ${displayInlineFlex}
+            ${itemsCenter}
 			${textCenter}
 			${userSelectNone}
 			height     : 28px;
@@ -147,7 +147,7 @@ const generateCalendarCSS = (unique, boxShadow = true, onClickActive = true) =>
             &.${unique.day.today} {
                 span {
                     ${heading6}
-                    ${borderBox}
+                    ${boxBorder}
 					${border(1, active)}
 					/* text-decoration-line     : underline;
 					text-decoration-thickness: 2px;

package/components/form-control/checkbox/index.js

@@ -4,7 +4,7 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useEffect, useRef, useState, useImperativeHandle, Fragment } from 'react';
 import { Typography } from "../..";
-import { alignCenter, alignStart, borderBox, cursorPointer, displayBlock, flexRow, positionAbsolute, positionRelative, cursorNoDrop, parseWidthHeight, border } from "../../../styles/general";
+import { itemsCenter, itemsStart, boxBorder, cursorPointer, displayBlock, flexRow, positionAbsolute, positionRelative, cursorNoDrop, parseWidthHeight, border } from "../../../styles/general";
 import { classNames, randomString, refType as ref } from "../../../utils";
 import { color as colors } from "../../../styles/colors";
 import theme from "../../../theme/settings";
@@ -153,7 +153,7 @@ const CheckBoxSquareCSS = (width, clMain) => css`
     ${flexRow};
     ${positionRelative};
     ${cursorPointer};
-    ${borderBox};
+    ${boxBorder};
     ${parseWidthHeight(width, width)};
     ${border(2, rest)};
     min-width: ${width};
@@ -247,14 +247,14 @@ const CheckBoxInputCSS = (CheckBoxSquareCSSName, clMain) => css`
 const CheckBoxLabelCSS = css`
     ${flexRow};
     ${positionRelative};
-    ${alignCenter};
-    ${borderBox};
+    ${itemsCenter};
+    ${boxBorder};
     margin-bottom: 0 !important;
 `;
 const CheckBoxRootCSS = css`
     ${flexRow};
-    ${alignStart};
-    ${borderBox};
+    ${itemsStart};
+    ${boxBorder};
 `;
 const CheckboxContainerCSS = css`
     ${displayBlock};

package/components/form-control/date-picker/index.js

@@ -13,7 +13,7 @@ import { ButtonIcon, HelperText, InputBase, Label } from "../../index";
 import Button from "../../button";
 import Tooltip from "../../tooltip";
 import { isValidDate } from "../calendar/function";
-import { alignCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexRow, justifyEnd, parseWidth, positionFixed } from "../../../styles/general";
+import { itemsCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexRow, justifyEnd, parseWidth, positionFixed } from "../../../styles/general";
 import theme from "../../../theme/settings";
 const {
   colors: {
@@ -523,7 +523,7 @@ const activeStyle = {
 };
 const IconAreaCSS = unique => css`
     ${flexRow};
-    ${alignCenter};
+    ${itemsCenter};
     color: inherit;
     .${unique.icon} {
         ${displayNone};

package/components/form-control/date-range-picker/index.js

@@ -7,7 +7,7 @@ import locale from "../../../locale";
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { render } from 'react-dom';
-import { alignCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexCol, flexRow, justifyEnd, parseHeight, parseMaxWidth, parseMinWidth, parseWidth, parseWidthHeight, pointerEventsNone, positionFixed, textCenter, userSelectNone, whiteSpaceNoWrap } from "../../../styles/general";
+import { itemsCenter, borderRadius4px, cursorPointer, displayBlock, displayNone, flexCol, flexRow, justifyEnd, parseHeight, parseMaxWidth, parseMinWidth, parseWidth, parseWidthHeight, pointerEventsNone, positionFixed, textCenter, userSelectNone, whiteSpaceNoWrap } from "../../../styles/general";
 import { useTheme } from "../../../theme";
 import { capitalizeSentenceCase, classNames, date as moment, isEqual, randomString, updatePosition } from "../../../utils";
 import { generateCalendarCSS, onUpdateNavigator, renderHeader, renderNavigator } from "../calendar/function";
@@ -1022,7 +1022,7 @@ const buttonProps = {
 };
 const IconAreaCSS = css`
     ${flexRow};
-    ${alignCenter};
+    ${itemsCenter};
     ${parseWidth(24)};
     color: inherit;
     & span {