diginet-core-ui 1.3.94-beta.9 → 1.3.95-beta.1

package/components/alert/notify.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
 import Alert from "./";
 import theme from "../../theme/settings";
-import { classNames, refType as ref } from "../../utils";
+import { classNames } from "../../utils";
 import { bgTransparent, pointerEventsNone, positionFixed } from "../../styles/general";
 const {
   zIndex: zIndexCORE
@@ -115,7 +115,7 @@ Notify.propTypes = {
   /** Style inline of component. */
   style: PropTypes.object,
   /** Any [props](https://core.diginet.com.vn/ui/?path=/docs/alert--basic) of Alert */
-  props: PropTypes.any,
+  props: PropTypes.any
   /**
    * ref methods (ref.current.instance.*method*)
    *
@@ -124,6 +124,6 @@ Notify.propTypes = {
    *  * @param {options} - object
    *      * {[Props](https://core.diginet.com.vn/ui/?path=/docs/alert--basic) applied to the `Alert`.}
    */
-  reference: ref
 };
+
 export default Notify;

package/components/badge/index.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
 import { itemsCenter, boxBorder, borderRadius4px, flexRow, flexWrap, displayInlineFlex, justifyCenter, parseMinWidthHeight, parseWidthHeight, pointerEventsNone, positionAbsolute, positionRelative } from "../../styles/general";
 import { useColor as colors, useTheme } from "../../theme";
-import { classNames, refType as ref } from "../../utils";
+import { classNames } from "../../utils";
 const {
   colors: {
     system: {
@@ -209,7 +209,7 @@ Badge.propTypes = {
    * */
   size: PropTypes.oneOf(['medium', 'large', 'giant']),
   /** Style inline of component. */
-  style: PropTypes.object,
+  style: PropTypes.object
   /**
    * ref methods (ref.current.instance.*method*)
    *
@@ -224,7 +224,7 @@ Badge.propTypes = {
    * * option(options): Updates the values of several properties
    *  * @param {options} - object
    */
-  reference: ref
 };
+
 export { Badge };
 export default OptionWrapper(Badge);

package/components/button/icon.js

@@ -9,7 +9,7 @@ import { hexToRGBA } from "../../styles/color-helper";
 import * as allColors from "../../styles/colors";
 import { alphaPseudo, bgColor, border, borderColor, borderNone, borderRadius, boxBorder, cursorNotAllowed, cursorPointer, displayFlex, displayInlineFlex, flexRow, itemsCenter, justifyCenter, outlineNone, parseMinWidthHeight, parseWidthHeight, pd, pointerEventsNone, positionRelative, textColor, userSelectNone } from "../../styles/general";
 import { getColor } from "../../styles/utils";
-import { capitalize, classNames, refType as ref } from "../../utils";
+import { capitalize, classNames } from "../../utils";
 import { getRippleColor } from '.';
 import Ripple from "./ripple-effect";
 const sizeMap = new Map([['tiny', {
@@ -318,7 +318,7 @@ ButtonIcon.propTypes = {
   /** The variant to use. */
   viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'ghost']),
   /** Width of the component. */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
   /**
    * ref methods (ref.current.instance.*method*)
    *
@@ -333,7 +333,7 @@ ButtonIcon.propTypes = {
    * * option(options): Updates the values of several properties
    *  * @param {options} - object
    */
-  reference: ref
 };
+
 export { ButtonIcon };
 export default OptionWrapper(ButtonIcon);

package/components/button/index.js

@@ -9,7 +9,7 @@ import { detectColor, fade, hexToRGBA, hslToRgb, isColor, isColorName, rgbaToHex
 import * as allColors from "../../styles/colors";
 import { alphaPseudo, bgColor, border, borderColor, borderNone, borderRadius4px, boxBorder, cursorNotAllowed, cursorPointer, displayFlex, displayInlineFlex, flexRow, itemsCenter, justifyCenter, mg, mgl, mgr, outlineNone, overflowHidden, parseHeight, parseMinWidth, parseMinWidthHeight, parseWidthHeight, pd, pointerEventsNone, positionRelative, textColor, userSelectNone, whiteSpaceNoWrap } from "../../styles/general";
 import { useColor as colors, useTheme } from "../../theme";
-import { classNames, refType as ref } from "../../utils";
+import { classNames } from "../../utils";
 import Ripple from "./ripple-effect";
 const {
   spacing
@@ -404,7 +404,7 @@ Button.propTypes = {
   /** Query params pass to url. */
   urlParams: PropTypes.object,
   /** The variant to use. */
-  viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'link']),
+  viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'link'])
   /**
    * ref methods (ref.current.instance.*method*)
    *
@@ -419,7 +419,7 @@ Button.propTypes = {
    * * option(options): Updates the values of several properties
    *  * @param {options} - object
    */
-  ref: ref
 };
+
 export { Button };
 export default OptionWrapper(Button);