@zohodesk/dot 1.4.15 → 1.4.16

package/es/v1/list/status/StatusListItem/StatusListItem.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React, { useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -68,7 +66,7 @@ export default function StatusListItem(props) {
     onMouseEnter && onMouseEnter(id, value, index, e);
   }
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     role: role,
     "aria-selected": ariaSelected,
     "aria-label": ariaLabel,
@@ -83,8 +81,10 @@ export default function StatusListItem(props) {
     eleRef: getReference,
     tagName: isLink ? 'a' : 'li',
     "data-title": isDisabled ? disableTitle : null,
-    tabindex: isDisabled ? '-1' : '0'
-  }, options, a11y), /*#__PURE__*/React.createElement(Box, {
+    tabindex: isDisabled ? '-1' : '0',
+    ...options,
+    ...a11y
+  }, /*#__PURE__*/React.createElement(Box, {
     className: `${style.statusType} ${style[bulletColor]}`
   }), /*#__PURE__*/React.createElement(Box, {
     flexible: true,

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

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /*** Libraries ***/
 import React, { useRef, useCallback, useEffect } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
@@ -68,7 +66,7 @@ export default function Lookup(props) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, []);
-  const content = /*#__PURE__*/React.createElement("div", _extends({
+  const content = /*#__PURE__*/React.createElement("div", {
     ref: createRef,
     tabIndex: "-1",
     "data-a11y-need-focus-style": "false",
@@ -80,8 +78,9 @@ export default function Lookup(props) {
     id: htmlId,
     className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
     "data-id": dataId,
-    "data-test-id": dataId
-  }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {
+    "data-test-id": dataId,
+    ...a11yAttributes
+  }, /*#__PURE__*/React.createElement(Container, {
     "data-drag-container": "true",
     isCover: false,
     className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`

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

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /* eslint-disable react/forbid-component-props */
 
 /*** Libraries ***/
@@ -71,7 +69,11 @@ export default function Search(props) {
     selectedId: selectedId,
     onDropDownOpen: handleDropDownOpen,
     onDropDownClose: handleDropDownClose
-  }, /*#__PURE__*/React.createElement(SearchUI, _extends({}, props, searchUIExtraProps))) : /*#__PURE__*/React.createElement(SearchUI, _extends({}, props, searchUIExtraProps));
+  }, /*#__PURE__*/React.createElement(SearchUI, { ...props,
+    ...searchUIExtraProps
+  })) : /*#__PURE__*/React.createElement(SearchUI, { ...props,
+    ...searchUIExtraProps
+  });
 }
 Search.propTypes = Search_propTypes;
 

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

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import defaultProps from './props/defaultProps';
 import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
@@ -117,14 +115,15 @@ export function DesktopNotificationUI(props) {
     let {
       uptoTablet
     } = _ref2;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass}
              ${isShrinkView ? style.globalNotify : ''} ${containerClass}
              ${uptoTablet ? style.tapWidth : style[`${size}`]}`,
       isCover: false,
       dataId: dataId,
-      isInline: uiVariantTwo
-    }, ExtraProps), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
+      isInline: uiVariantTwo,
+      ...ExtraProps
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
       type: type,
       title: title,
       variant: titleVariant,
@@ -178,9 +177,9 @@ export function DesktopNotificationUI(props) {
 DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
 DesktopNotificationUI.propTypes = defaultProps;
 export default function DesktopNotification(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: DesktopNotificationUI
-  }));
+  });
 }
 DesktopNotification.propTypes = propTypes;
 DesktopNotification.defaultProps = defaultProps; // if (__DOCS__) {

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AlertClose from '../AlertClose';
+describe('AlertClose', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertClose, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlertClose rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="close   inflex rowdir both"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+    tabindex="0"
+  >
+    <div
+      class="shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-Cross fbold closeIcon  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size12);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
@@ -121,7 +119,7 @@ export function GlobalNotificationUI(props) {
   let {
     ExtraProps = {}
   } = customProps;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     ref: eleRef,
     className: ` ${style.message} 
         ${needShadow && shadowCount >= 2 ? shadowCount > 2 ? `${style.stackShadowTwo} ${style.stackShadowOne}` : style.stackShadowOne : ''}
@@ -130,8 +128,9 @@ export function GlobalNotificationUI(props) {
     "data-id": `show_${type}_message`,
     "data-test-id": `show_${type}_message`,
     tabIndex: 0,
-    "data-selector-id": dataSelectorId
-  }, ExtraProps), /*#__PURE__*/React.createElement(Container, {
+    "data-selector-id": dataSelectorId,
+    ...ExtraProps
+  }, /*#__PURE__*/React.createElement(Container, {
     className: `${style.container}`,
     alignBox: "row",
     isCover: false,
@@ -163,8 +162,8 @@ export function GlobalNotificationUI(props) {
 }
 GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: GlobalNotificationUI
-  }));
+  });
 }
 GlobalNotificationNew.propTypes = new_propTypes;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import GlobalNotification from '../GlobalNotification';
+describe('GlobalNotification', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(GlobalNotification, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap

@@ -0,0 +1,144 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GlobalNotification rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" message 
+        
+        
+      "
+    data-id="show__message"
+    data-selector-id="globalNotification"
+    data-test-id="show__message"
+    tabindex="0"
+  >
+    <div
+      class="container inflex rowdir vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="icon shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <div
+          class="iconContainer"
+          data-selector-id="alertIcons"
+        >
+          <svg
+            class=""
+            viewBox="0 0 100 100"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              class="danger_secondary"
+              d="M34.89,23.86s27.19-17.79,41-12.44S99,61.81,60.74,82,5.16,58.27,5,50.48C4.87,42.94,5,25,34.89,23.86Z"
+            />
+            <polygon
+              class="outer_cls2"
+              points="95 49.42 94.18 48.61 92.98 49.79 91.79 48.61 90.97 49.42 92.16 50.6 90.97 51.78 91.79 52.59 92.98 51.41 94.18 52.59 95 51.78 93.81 50.6 95 49.42"
+            />
+            <rect
+              class="outer_cls2"
+              height="2.18"
+              width="1.16"
+              x="10"
+              y="21.46"
+            />
+            <rect
+              class="outer_cls2"
+              height="1.15"
+              width="2.21"
+              x="11.8"
+              y="24.27"
+            />
+            <rect
+              class="outer_cls2"
+              height="2.18"
+              width="1.16"
+              x="10"
+              y="26.05"
+            />
+            <rect
+              class="outer_cls2"
+              height="1.15"
+              width="2.21"
+              x="7.15"
+              y="24.27"
+            />
+            <path
+              class="outer_cls3"
+              d="M11.8,82.6a2.76,2.76,0,1,1,2.8-2.76A2.78,2.78,0,0,1,11.8,82.6Zm0-4.37a1.61,1.61,0,1,0,1.63,1.61A1.62,1.62,0,0,0,11.8,78.23Z"
+            />
+            <ellipse
+              class="outer_cls4"
+              cx="50.21"
+              cy="11.21"
+              rx="1.22"
+              ry="1.21"
+            />
+            <polygon
+              class="outer_cls4"
+              points="59.77 90 61.8 87.28 63.69 90 59.77 90"
+            />
+            <path
+              class="outer_cls5"
+              d="M52.28,43.16s-13.79-9-20.78-6.31S19.75,62.42,39.17,72.67s28.2-12.05,28.28-16S67.45,43.72,52.28,43.16Z"
+            />
+            <path
+              class="outer_cls6"
+              d="M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z"
+            />
+          </svg>
+        </div>
+      </div>
+      <div
+        class="grow basis shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <div
+          class="text"
+          data-id="infoMessage"
+          data-test-id="infoMessage"
+        />
+      </div>
+      <div
+        class="close shrinkOff"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <div
+          class="close   inflex rowdir both"
+          data-id="close__message"
+          data-selector-id="container"
+          data-test-id="close__message"
+          data-title="Close"
+          tabindex="0"
+        >
+          <div
+            class="shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          >
+            <i
+              aria-hidden="true"
+              class="zd_font_icons basic icon-Cross fbold closeIcon  "
+              data-id="fontIcon"
+              data-selector-id="fontIcon"
+              data-test-id="fontIcon"
+              style="--zd-iconfont-size: var(--zd_font_size12);"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/version2/alertIcons/__tests__/AlarmAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AlarmAlertIcon from '../AlarmAlertIcon';
+describe('AlarmAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlarmAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/AlertIcons.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AlertIcons from '../AlertIcons';
+describe('AlertIcons', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertIcons, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/DangerAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DangerAlertIcon from '../DangerAlertIcon';
+describe('DangerAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(DangerAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/ErrorAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ErrorAlertIcon from '../ErrorAlertIcon';
+describe('ErrorAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ErrorAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/InfoAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import InfoAlertIcon from '../InfoAlertIcon';
+describe('InfoAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(InfoAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/NotificationAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import NotificationAlertIcon from '../NotificationAlertIcon';
+describe('NotificationAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(NotificationAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/SuccessAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SuccessAlertIcon from '../SuccessAlertIcon';
+describe('SuccessAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SuccessAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/WarningAlertIcon.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import WarningAlertIcon from '../WarningAlertIcon';
+describe('WarningAlertIcon', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(WarningAlertIcon, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/version2/alertIcons/__tests__/__snapshots__/AlarmAlertIcon.spec.js.snap

@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlarmAlertIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <svg
+    class=""
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="info_primary"
+      d="M34.89,23.86s27.19-17.79,41-12.44S99,61.81,60.74,82,5.16,58.27,5,50.48C4.87,42.94,5,25,34.89,23.86Z"
+    />
+    <polygon
+      class="outer_cls2"
+      points="95 49.42 94.18 48.61 92.98 49.79 91.79 48.61 90.97 49.42 92.16 50.6 90.97 51.78 91.79 52.59 92.98 51.41 94.18 52.59 95 51.78 93.81 50.6 95 49.42"
+    />
+    <rect
+      class="outer_cls2"
+      height="2.18"
+      width="1.16"
+      x="10"
+      y="21.46"
+    />
+    <rect
+      class="outer_cls2"
+      height="1.15"
+      width="2.21"
+      x="11.8"
+      y="24.27"
+    />
+    <rect
+      class="outer_cls2"
+      height="2.18"
+      width="1.16"
+      x="10"
+      y="26.05"
+    />
+    <rect
+      class="outer_cls2"
+      height="1.15"
+      width="2.21"
+      x="7.15"
+      y="24.27"
+    />
+    <path
+      class="outer_cls3"
+      d="M11.8,82.6a2.76,2.76,0,1,1,2.8-2.76A2.78,2.78,0,0,1,11.8,82.6Zm0-4.37a1.61,1.61,0,1,0,1.63,1.61A1.62,1.62,0,0,0,11.8,78.23Z"
+    />
+    <ellipse
+      class="outer_cls4"
+      cx="50.21"
+      cy="11.21"
+      rx="1.22"
+      ry="1.21"
+    />
+    <polygon
+      class="outer_cls4"
+      points="59.77 90 61.8 87.28 63.69 90 59.77 90"
+    />
+    <path
+      class="outer_cls5"
+      d="M25.63,50.18s5.71-18.8,14.18-21.65S70.1,42.91,60.19,67.13s-35,10.55-38.08,7S12.21,62.29,25.63,50.18Z"
+    />
+    <path
+      class="outer_cls6"
+      d="M60.2,57.89H49.52a1,1,0,0,1-1-1V48.23a1,1,0,0,1,2,0v7.66H60.2a1,1,0,0,1,0,2ZM50.52,44.08v-.29a1,1,0,0,0-2,0v.29a1,1,0,0,0,2,0Zm23.73.86a1,1,0,0,0,.14-1.4l-5.13-6.36a1,1,0,0,0-1.56,1.25l5.14,6.36a1,1,0,0,0,.78.37A1,1,0,0,0,74.25,44.94ZM51,79.68a22.84,22.84,0,0,0-.47-45.61l0-2.68a1,1,0,0,0-1-1h-5a1.38,1.38,0,0,1,0-2.76H54A1.4,1.4,0,0,1,55.35,29,1.35,1.35,0,0,1,55,30a1.31,1.31,0,0,1-.95.4h-.54a1,1,0,0,0,0,2H54A3.31,3.31,0,0,0,57.34,29,3.38,3.38,0,0,0,54,25.64H44.43a3.38,3.38,0,0,0,0,6.76h4.06l0,2.66a1,1,0,0,0,1,1A20.84,20.84,0,1,1,28.68,56.89a20.94,20.94,0,0,1,15-20A1,1,0,1,0,43.13,35a22.84,22.84,0,0,0-9.25,38.57,22.61,22.61,0,0,0,15.62,6.2C50,79.73,50.48,79.71,51,79.68Z"
+    />
+  </svg>
+</DocumentFragment>
+`;

package/es/version2/alertIcons/__tests__/__snapshots__/AlertIcons.spec.js.snap

@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlertIcons rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="iconContainer"
+    data-selector-id="alertIcons"
+  >
+    <svg
+      class=""
+      viewBox="0 0 100 100"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        class="danger_primary"
+        d="M34.89,23.86s27.19-17.79,41-12.44S99,61.81,60.74,82,5.16,58.27,5,50.48C4.87,42.94,5,25,34.89,23.86Z"
+      />
+      <polygon
+        class="outer_cls2"
+        points="95 49.42 94.18 48.61 92.98 49.79 91.79 48.61 90.97 49.42 92.16 50.6 90.97 51.78 91.79 52.59 92.98 51.41 94.18 52.59 95 51.78 93.81 50.6 95 49.42"
+      />
+      <rect
+        class="outer_cls2"
+        height="2.18"
+        width="1.16"
+        x="10"
+        y="21.46"
+      />
+      <rect
+        class="outer_cls2"
+        height="1.15"
+        width="2.21"
+        x="11.8"
+        y="24.27"
+      />
+      <rect
+        class="outer_cls2"
+        height="2.18"
+        width="1.16"
+        x="10"
+        y="26.05"
+      />
+      <rect
+        class="outer_cls2"
+        height="1.15"
+        width="2.21"
+        x="7.15"
+        y="24.27"
+      />
+      <path
+        class="outer_cls3"
+        d="M11.8,82.6a2.76,2.76,0,1,1,2.8-2.76A2.78,2.78,0,0,1,11.8,82.6Zm0-4.37a1.61,1.61,0,1,0,1.63,1.61A1.62,1.62,0,0,0,11.8,78.23Z"
+      />
+      <ellipse
+        class="outer_cls4"
+        cx="50.21"
+        cy="11.21"
+        rx="1.22"
+        ry="1.21"
+      />
+      <polygon
+        class="outer_cls4"
+        points="59.77 90 61.8 87.28 63.69 90 59.77 90"
+      />
+      <path
+        class="outer_cls5"
+        d="M52.28,43.16s-13.79-9-20.78-6.31S19.75,62.42,39.17,72.67s28.2-12.05,28.28-16S67.45,43.72,52.28,43.16Z"
+      />
+      <path
+        class="outer_cls6"
+        d="M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;

package/es/version2/alertIcons/__tests__/__snapshots__/DangerAlertIcon.spec.js.snap

@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DangerAlertIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <svg
+    class="danger"
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="danger_primary"
+      d="M34.89,23.86s27.19-17.79,41-12.44S99,61.81,60.74,82,5.16,58.27,5,50.48C4.87,42.94,5,25,34.89,23.86Z"
+    />
+    <polygon
+      class="outer_cls2"
+      points="95 49.42 94.18 48.61 92.98 49.79 91.79 48.61 90.97 49.42 92.16 50.6 90.97 51.78 91.79 52.59 92.98 51.41 94.18 52.59 95 51.78 93.81 50.6 95 49.42"
+    />
+    <rect
+      class="outer_cls2"
+      height="2.18"
+      width="1.16"
+      x="10"
+      y="21.46"
+    />
+    <rect
+      class="outer_cls2"
+      height="1.15"
+      width="2.21"
+      x="11.8"
+      y="24.27"
+    />
+    <rect
+      class="outer_cls2"
+      height="2.18"
+      width="1.16"
+      x="10"
+      y="26.05"
+    />
+    <rect
+      class="outer_cls2"
+      height="1.15"
+      width="2.21"
+      x="7.15"
+      y="24.27"
+    />
+    <path
+      class="outer_cls3"
+      d="M11.8,82.6a2.76,2.76,0,1,1,2.8-2.76A2.78,2.78,0,0,1,11.8,82.6Zm0-4.37a1.61,1.61,0,1,0,1.63,1.61A1.62,1.62,0,0,0,11.8,78.23Z"
+    />
+    <ellipse
+      class="outer_cls4"
+      cx="50.21"
+      cy="11.21"
+      rx="1.22"
+      ry="1.21"
+    />
+    <polygon
+      class="outer_cls4"
+      points="59.77 90 61.8 87.28 63.69 90 59.77 90"
+    />
+    <path
+      class="outer_cls5"
+      d="M52.28,43.16s-13.79-9-20.78-6.31S19.75,62.42,39.17,72.67s28.2-12.05,28.28-16S67.45,43.72,52.28,43.16Z"
+    />
+    <path
+      class="outer_cls6"
+      d="M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z"
+    />
+  </svg>
+</DocumentFragment>
+`;