diginet-core-ui 1.3.36 → 1.3.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.36",
+  "version": "1.3.37",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -38,6 +38,20 @@ npm test
 ```
 
 ## Changelog
+## 1.3.37
+\[Added\]: Icon – EditNote, Payment
+\[Added\]: MenuIcon - MHRM29N0002
+\[Changed\]: Alert - Add white background behind opacity background color
+\[Changed\]: Tech - Add storybook for Colors
+\[Changed\]: Attachment - Add ref method openFileDialog
+\[Changed\]: Modal - Change position of Modal from center to top; Add prop alignment
+\[Changed\]: Icon - Remove duplicate icons
+\[Changed\]: Icon – Pdf, Word, Sheet
+\[Fixed\]: Slider - Fix bug not showing pdf file
+\[Fixed\]: Chip - Fix bug show wrong startIcon
+\[Fixed\]: ModalHeader - Fix css; Add prop showClose
+\[Fixed\]: Dropdown - Change error logic; Remove pointerEvent, userSelect when disabled; Add ref method setValue; Fix css disabled; Add prop onClosed
+
 ## 1.3.36
 \[Added\]: MenuIcon - W05F0013N0000, MHRP39N0017, MHRM09N0005, MHRM13N0001
 \[Changed\]: Attachment - Add prop domain, isStripDomain

package/styles/general.js

@@ -1,10 +1,11 @@
+/* eslint-disable no-unused-vars */
 import { css, jsx } from '@emotion/core';
 import { color } from './colors';
 import { parseToPixel } from './utils';
 export const rootSpacing = 4;
-export const rootZIndex = 100;
+export let rootZIndex = 1500;
 /**
- * get value zIndex with rootZIndex
+ * get value spacing with rootZIndex
  * @param number
  * @return {number}
  */
@@ -23,6 +24,15 @@ export const zIndex = number => {
 export const getSpacing = (vl = 1) => {
   return Number(vl) * rootSpacing;
 };
+/**
+ * replace rootZIndex
+ * @param number
+ */
+
+export const setZIndex = number => {
+  number = Number(number || 0);
+  if (!isNaN(number)) rootZIndex = number;
+};
 export const flexRow = css`
     display: flex;
 `;
@@ -81,9 +91,21 @@ export const borderRadius4px = css`
 export const borderBox = css`
     box-sizing: border-box;
 `;
+export const cursorDefault = css`
+    cursor: default;
+`;
+export const cursorInherit = css`
+    cursor: inherit;
+`;
+export const cursorNotAllowed = css`
+    cursor: not-allowed;
+`;
 export const cursorPointer = css`
     cursor: pointer;
 `;
+export const overflowAuto = css`
+    overflow: auto;
+`;
 export const overflowHidden = css`
     overflow: hidden;
 `;
@@ -107,6 +129,9 @@ export const textCapitalize = css`
 export const textUppercase = css`
     text-transform: uppercase;
 `;
+export const textCenter = css`
+    text-align: center;
+`;
 export const outlineNone = css`
     outline: none;
 `;
@@ -119,12 +144,12 @@ export const pointerEventsNone = css`
 export const borderNone = css`
     border: none;
 `;
+export const boxShadowNone = css`
+    box-shadow: none;
+`;
 export const displayNone = css`
     display: none;
 `;
-export const textCenter = css`
-    text-align: center;
-`;
 export const noMargin = css`
     margin: 0 !important;
 `;
@@ -134,6 +159,9 @@ export const noPadding = css`
 export const noBorder = css`
     border: none !important;
 `;
+export const noBoxShadow = css`
+    box-shadow: none !important;
+`;
 export const border = (withVl, colorVl) => css`
     border: ${parseToPixel(withVl)} solid ${colorVl || color.dark};
 `;

package/theme/settings.js

@@ -1,7 +1,7 @@
 import * as colors from '../styles/colors';
 import { font } from '../styles/font';
 import { color } from '../styles/colors';
-import { getSpacing, zIndex } from '../styles/general';
+import { getSpacing, zIndex, setZIndex } from '../styles/general';
 const {
   fontSize,
   fontFamily,
@@ -66,7 +66,8 @@ const settings = {
     between: (start, end) => getMedia(start, 'min', end)
   },
   spacing: vl => getSpacing(vl),
-  zIndex: vl => zIndex(vl)
+  zIndex: vl => zIndex(vl),
+  setZIndex: vl => setZIndex(vl)
 };
 
 const getMedia = (value, type, value2 = '') => {