@zohodesk/dot 1.7.5 → 1.7.7

package/es/v1/lookup/Lookup/Lookup.js

@@ -1,16 +1,16 @@
 /*** Libraries ***/
 import React, { useRef, useCallback, useEffect } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import FreezeLayer from '../../../FreezeLayer/FreezeLayer';
+import FreezeLayer from "../../../FreezeLayer/FreezeLayer";
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 /*** CSS ***/
 
-import style from '../../../lookup/Lookup/Lookup.module.css';
+import style from "../../../lookup/Lookup/Lookup.module.css";
 /*eslint-disable react/forbid-component-props */
 
 export default function Lookup(props) {

package/es/v1/lookup/Section/Section.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../lookup/Section/LookupSection.module.css';
+import style from "../../../lookup/Section/LookupSection.module.css";
 export default function Section(props) {
   let {
     alignBox,

package/es/v1/lookup/header/Close/Close.js

@@ -1,10 +1,10 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** FontIcons ***/
 
-import IconButton from './../../../IconButton/IconButton';
+import IconButton from "./../../../IconButton/IconButton";
 
 function Close(props) {
   let {

package/es/v1/lookup/header/ModuleHeader/ModuleHeader.js

@@ -1,18 +1,18 @@
 /*** Libraries ***/
 import React, { memo, useRef } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
+import Title from "../Title/Title";
+import Close from "../Close/Close";
+import Search from "../Search/Search";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 
-import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';
-import commonResponsive from '../../../../lookup/header/lookupHeaderCommonResponsive.module.css';
-import useDragger from '../../../../Hooks/Dragger/useDragger';
+import commonStyle from "../../../../lookup/header/lookupHeaderCommon.module.css";
+import commonResponsive from "../../../../lookup/header/lookupHeaderCommonResponsive.module.css";
+import useDragger from "../../../../Hooks/Dragger/useDragger";
 /*eslint-disable react/forbid-component-props */
 
 function ModuleHeader(props) {

package/es/v1/lookup/header/Search/Search.js

@@ -2,21 +2,21 @@
 
 /*** Libraries ***/
 import React, { useState } from 'react';
-import { SearchUI_defaultProps } from './props/defaultProps';
-import { Search_propTypes, SearchUI_propTypes } from './props/propTypes';
+import { SearchUI_defaultProps } from "./props/defaultProps";
+import { Search_propTypes, SearchUI_propTypes } from "./props/propTypes";
 /** * Components ** */
 
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
-import ToggleDropDown from '../../../../dropdown/ToggleDropDown/ToggleDropDown';
+import ToggleDropDown from "../../../../dropdown/ToggleDropDown/ToggleDropDown";
 /** * Methods ** */
 
 import { debounce } from '@zohodesk/components/es/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 /** * CSS ** */
 
-import style from '../../../../lookup/header/Search/LookupSearch.module.css';
+import style from "../../../../lookup/header/Search/LookupSearch.module.css";
 export default function Search(props) {
   const {
     options,

package/es/v1/lookup/header/TicketHeader/TicketHeader.js

@@ -1,20 +1,20 @@
 /*** Libraries ***/
 import React, { memo, useRef } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
-import Title from '../Title/Title';
-import Close from '../Close/Close';
-import Search from '../Search/Search';
-import ViewDropDown from '../../../../lookup/header/ViewDropDown/ViewDropDown';
+import Title from "../Title/Title";
+import Close from "../Close/Close";
+import Search from "../Search/Search";
+import ViewDropDown from "../../../../lookup/header/ViewDropDown/ViewDropDown";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import useDragger from '../../../../Hooks/Dragger/useDragger';
+import useDragger from "../../../../Hooks/Dragger/useDragger";
 /*** CSS ***/
 
-import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';
-import commonResponsive from '../../../../lookup/header/lookupHeaderCommonResponsive.module.css';
-import style from '../../../../lookup/header/TicketHeader/TicketHeader.module.css';
+import commonStyle from "../../../../lookup/header/lookupHeaderCommon.module.css";
+import commonResponsive from "../../../../lookup/header/lookupHeaderCommonResponsive.module.css";
+import style from "../../../../lookup/header/TicketHeader/TicketHeader.module.css";
 /* eslint-disable react/forbid-component-props */
 
 function TicketHeader(props) {

package/es/v1/lookup/header/Title/Title.js

@@ -1,10 +1,10 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** CSS ***/
 
-import style from '../../../../lookup/header/Title/LookupTitle.module.css';
+import style from "../../../../lookup/header/Title/LookupTitle.module.css";
 
 function Title(props) {
   let {

package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import { SelectComponent } from '@zohodesk/components/es/v1/Select/Select';
@@ -16,7 +16,7 @@ import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomRes
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
-import style from '../../../../lookup/header/ViewDropDown/ViewDropDown.module.css';
+import style from "../../../../lookup/header/ViewDropDown/ViewDropDown.module.css";
 /* eslint-disable react/forbid-component-props */
 
 /*eslint-disable  react/sort-prop-types*/

package/es/v1/lookup/header/index.js

@@ -1,5 +1,5 @@
-export { default as Close } from './Close/Close';
-export { default as ModuleHeader } from './ModuleHeader/ModuleHeader';
-export { default as Search } from './Search/Search';
-export { default as TicketHeader } from './TicketHeader/TicketHeader';
-export { default as ViewDropDown } from './ViewDropDown/ViewDropDown';
+export { default as Close } from "./Close/Close";
+export { default as ModuleHeader } from "./ModuleHeader/ModuleHeader";
+export { default as Search } from "./Search/Search";
+export { default as TicketHeader } from "./TicketHeader/TicketHeader";
+export { default as ViewDropDown } from "./ViewDropDown/ViewDropDown";

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import defaultProps from './props/defaultProps';
-import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import { propTypes, DesktopNotificationUI_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
-import AutoClose from '../../../actions/AutoClose';
+import AutoClose from "../../../actions/AutoClose";
 import Button from '@zohodesk/components/es/v1/Button/Button';
-import FormAction from '../../../FormAction/FormAction';
-import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
+import FormAction from "../../../FormAction/FormAction";
+import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from '../../../version2/notification/DesktopNotification/DesktopNotification.module.css';
+import style from "../../../version2/notification/DesktopNotification/DesktopNotification.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/v1/notification/DesktopNotification/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export default {
   isMore: false,
   isAnimate: true,

package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import AlertClose from '../../alert/AlertClose/AlertClose';
-import AlertIcons from '../../alert/alertIcons/AlertIcons';
+import AlertClose from "../../alert/AlertClose/AlertClose";
+import AlertIcons from "../../alert/alertIcons/AlertIcons";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Typography from '@zohodesk/components/es/v1/Typography/Typography';
-import style from '../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
+import style from "../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css";
 export default function DesktopNotificationHeader(props) {
   let {
     onClose,
@@ -35,7 +35,7 @@ export default function DesktopNotificationHeader(props) {
   return /*#__PURE__*/React.createElement(Container, {
     align: "vertical",
     alignBox: "row",
-    className: `${style.container} ${style[variant]} ${style[type]}`,
+    className: `${style.container} ${style[variant + '_header']} ${style[type]}`,
     isCover: false,
     wrap: "wrap"
   }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {

package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export default {
   needIcon: true,
   variant: 'primary',

package/es/v1/setup/header/Button/Button.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import GenButton from '@zohodesk/components/es/v1/Button/Button';
-import style from '../../../../setup/header/Button/HeaderButton.module.css';
+import style from "../../../../setup/header/Button/HeaderButton.module.css";
 export default function Button(props) {
   let {
     palette,

package/es/v1/setup/header/Link/Link.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import { Box } from '@zohodesk/components/es/v1/Layout';
-import ExternalLink from '../../../ExternalLink/ExternalLink';
-import style from '../../../../setup/header/Link/HeaderLink.module.css';
+import ExternalLink from "../../../ExternalLink/ExternalLink";
+import style from "../../../../setup/header/Link/HeaderLink.module.css";
 export default function Link(props) {
   let {
     url,

package/es/v1/setup/header/Search/Search.js

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
-import style from '../../../../setup/header/Search/Search.module.css';
+import style from "../../../../setup/header/Search/Search.module.css";
 export default function Search(props) {
   let {
     placeHolder,

package/es/v1/setup/header/Views/Views.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../../../setup/header/Views/Views.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../../../setup/header/Views/Views.module.css";
 import { Icon } from '@zohodesk/icons';
 export default function Views(props) {
   let {

package/es/v1/setup/header/index.js

@@ -1,4 +1,4 @@
-export { default as Button } from './Button/Button';
-export { default as Link } from './Link/Link';
-export { default as Search } from './Search/Search';
-export { default as Views } from './Views/Views';
+export { default as Button } from "./Button/Button";
+export { default as Link } from "./Link/Link";
+export { default as Search } from "./Search/Search";
+export { default as Views } from "./Views/Views";

package/es/v1/setup/helptips/Description/Description.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../../setup/helptips/Description/HelpTipsDescription.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../../setup/helptips/Description/HelpTipsDescription.module.css";
 export default function Description(props) {
   let {
     text

package/es/v1/setup/helptips/Link/Link.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../../setup/helptips/Link/HelpTipsLink.module.css';
-import ExternalLink from '../../../ExternalLink/ExternalLink';
+import { propTypes } from "./props/propTypes";
+import style from "../../../../setup/helptips/Link/HelpTipsLink.module.css";
+import ExternalLink from "../../../ExternalLink/ExternalLink";
 export default function Link(props) {
   let {
     text,

package/es/v1/setup/helptips/ListGroup/ListGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../../setup/helptips/ListGroup/ListGroup.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../../setup/helptips/ListGroup/ListGroup.module.css";
 export default function ListGroup(props) {
   let {
     isOrder,

package/es/v1/setup/helptips/Title/Title.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../../setup/helptips/Title/HelpTipsTitle.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../../setup/helptips/Title/HelpTipsTitle.module.css";
 export default function Title(props) {
   let {
     text

package/es/v1/setup/helptips/index.js

@@ -1,4 +1,4 @@
-export { default as Description } from './Description/Description';
-export { default as Link } from './Link/Link';
-export { default as ListGroup } from './ListGroup/ListGroup';
-export { default as Title } from './Title/Title';
+export { default as Description } from "./Description/Description";
+export { default as Link } from "./Link/Link";
+export { default as ListGroup } from "./ListGroup/ListGroup";
+export { default as Title } from "./Title/Title";

package/es/v1/setup/index.js

@@ -1,6 +1,6 @@
-import * as _header from './header';
+import * as _header from "./header";
 export { _header as header };
-import * as _helptips from './helptips';
+import * as _helptips from "./helptips";
 export { _helptips as helptips };
-import * as _table from './table';
+import * as _table from "./table";
 export { _table as table };

package/es/v1/setup/table/Table/Table.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
 export default function Table(props) {
   let {

package/es/v1/setup/table/TableBody/TableBody.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Box } from '@zohodesk/components/es/v1/Layout';
 export default function TableBody(props) {
   let {

package/es/v1/setup/table/TableData/TableData.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../../setup/table/TableData/SetupTableData.module.css';
+import style from "../../../../setup/table/TableData/SetupTableData.module.css";
 export default function TableData(props) {
   let {
     children,

package/es/v1/setup/table/TableHead/TableHead.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../../setup/table/TableHead/SetupTableHead.module.css';
+import style from "../../../../setup/table/TableHead/SetupTableHead.module.css";
 export default function TableHead(props) {
   let {
     children,

package/es/v1/setup/table/TableRow/TableRow.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../../setup/table/TableRow/SetupTableRow.module.css';
+import style from "../../../../setup/table/TableRow/SetupTableRow.module.css";
 export default function TableRow(props) {
   let {
     children,

package/es/v1/setup/table/Text/Text.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../../../Link/Link';
-import style from '../../../../setup/table/Text/TableText.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../../../Link/Link";
+import style from "../../../../setup/table/Text/TableText.module.css";
 export default function Text(props) {
   let {
     text,

package/es/v1/setup/table/index.js

@@ -1,5 +1,5 @@
-export { default as Table } from './Table/Table';
-export { default as TableBody } from './TableBody/TableBody';
-export { default as TableData } from './TableData/TableData';
-export { default as TableHead } from './TableHead/TableHead';
-export { default as TableRow } from './TableRow/TableRow';
+export { default as Table } from "./Table/Table";
+export { default as TableBody } from "./TableBody/TableBody";
+export { default as TableData } from "./TableData/TableData";
+export { default as TableHead } from "./TableHead/TableHead";
+export { default as TableRow } from "./TableRow/TableRow";

package/es/v1/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PlusIcon_defaultProps } from './props/defaultProps';
-import { PlusIcon_propTypes } from './props/propTypes';
+import { PlusIcon_defaultProps } from "./props/defaultProps";
+import { PlusIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function PlusIcon(props) {
   let {

package/es/v1/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnippetIcon_defaultProps } from './props/defaultProps';
-import { SnippetIcon_propTypes } from './props/propTypes';
+import { SnippetIcon_defaultProps } from "./props/defaultProps";
+import { SnippetIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function SnippetIcon(props) {
   let {

package/es/v1/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TemplateIcon_defaultProps } from './props/defaultProps';
-import { TemplateIcon_propTypes } from './props/propTypes';
+import { TemplateIcon_defaultProps } from "./props/defaultProps";
+import { TemplateIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/v1/SVG/SVG';
 export default function TemplateIcon(props) {
   let {

package/es/v1/svg/index.js

@@ -1,3 +1,3 @@
-export { default as PlusIcon } from './PlusIcon';
-export { default as SnippetIcon } from './SnippetIcon';
-export { default as TemplateIcon } from './TemplateIcon';
+export { default as PlusIcon } from "./PlusIcon";
+export { default as SnippetIcon } from "./SnippetIcon";
+export { default as TemplateIcon } from "./TemplateIcon";

package/es/version2/AlertClose/AlertClose.js

@@ -1,9 +1,9 @@
 /*** Libraries ***/
 import React, { PureComponent } from 'react';
-import { propTypes } from './props/propTypes';
+import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from './AlertClose.module.css';
+import style from "./AlertClose.module.css";
 export default class AlertClose extends PureComponent {
   render() {
     let {

package/es/version2/AlertClose/AlertClose.module.css

@@ -27,17 +27,18 @@
 }
 
 .info:hover {
-  background-color:var(--zdt_commonalert_info_hover_bg);
+  background-color: var(--zdt_commonalert_info_hover_bg);
 }
 
 .warning:hover {
   background-color: var(--zdt_commonalert_warning_hover_bg);
 }
 
-.danger:hover {
+.danger:hover, .error:hover {
   background-color: var(--zdt_commonalert_danger_hover_bg);
 }
 
-.error:hover {
-  background-color: var(--zdt_commonalert_error_hover_bg);
+
+.primary:hover {
+  background-color: var(--zdt_commonalert_primary_hover_bg);
 }

package/es/version2/AlertClose/__tests__/AlertClose.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlertClose from '../AlertClose';
+import AlertClose from "../AlertClose";
 describe('AlertClose', () => {
   test('rendering the defult props', () => {
     const {

package/es/version2/AlertClose/props/propTypes.js

@@ -4,5 +4,5 @@ export const propTypes = {
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
   onClose: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'primary'])
 };

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
-import AutoClose from '../../actions/AutoClose';
-import AlertIcons from '../alertIcons/AlertIcons';
-import AlertClose from '../AlertClose/AlertClose';
-import style from './GlobalNotification.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, UI_propTypes, new_propTypes } from "./props/propTypes";
+import AutoClose from "../../actions/AutoClose";
+import AlertIcons from "../alertIcons/AlertIcons";
+import AlertClose from "../AlertClose/AlertClose";
+import style from "./GlobalNotification.module.css";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 export default class GlobalNotification extends React.Component {