@zohodesk/svg 1.0.0-beta.5 → 1.0.0-beta.51

package/README.md

@@ -1,6 +1,179 @@
 # DOT SVG
 
-This Bundle Container Zohodesk EmptyState Images.
+This Bundle Contains EmptyState Images.
+
+# 1.0.0-beta.51
+
+- Emptystate: EmptyPreferences and EmptySandbox included.
+
+# 1.0.0-beta.50
+
+- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
+
+# 1.0.0-beta.48,49
+
+- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
+
+# 1.0.0-beta.47
+
+- PureDark mode implemented via preprocess
+
+# 1.0.0-beta.46
+
+- CustomModule SVG added
+
+# 1.0.0-beta.45
+
+- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
+
+# 1.0.0-beta.44
+
+- UnauthorizedLogin error state SVG replacement
+
+# 1.0.0-beta.43
+
+- Export & Multilingual SVG added
+
+# 1.0.0-beta.42
+
+- Extensions SVG added
+
+# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
+
+- Appearance css moved to assets
+# 1.0.0-beta.38
+
+- bg,shadow,text,border based variables removed and renamed.
+
+# 1.0.0-beta.37
+
+- Loader =>  Converted to Pure Component 
+
+# 1.0.0-beta.36
+
+- Night mode SVG CTA primary stroke color value changed
+
+# 1.0.0-beta.35
+
+- EmptyError added
+
+# 1.0.0-beta.34
+
+- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
+- Docs Ui Fix
+- Theme Files Import Separated
+- Theme color values updated
+- EmptyInconvenience => Svg Image Changed as Old Svg
+- Inconvenience removed
+- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
+
+# 1.0.0-beta.33
+
+- Palette Based Folder Structure  Changed.
+- data-theme changed to data-mode
+- data-palette changed to data-theme
+# 1.0.0-beta.32
+
+- Palette Based Color System Implemented
+# 1.0.0-beta.31
+
+- EmptyDeparment Added
+- Predictor, ZiaAnamoly, Extractor added
+# 1.0.0-beta.30
+
+- EmptySkills Image Updated
+# 1.0.0-beta.29
+
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess  added
+# 1.0.0-beta.28
+
+- EmptyAgentQueue added
+# 1.0.0-beta.27
+
+- EmptySla,EmptyContract,EmptyReply Added
+# 1.0.0-beta.26
+
+- Loader => Layout issue Fixed
+# 1.0.0-beta.25
+
+- TemplateIcon SVG fix
+# 1.0.0-beta.24
+
+- Loader Svg converted to js
+# 1.0.0-beta.23
+
+- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
+
+# 1.0.0-beta.22
+
+- Theme changes added in EmptyBlueprint,EmptyTemplate
+- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
+- danger palatte added in EmptyFrame
+
+# 1.0.0-beta.21
+
+- Dark Mode Variable Introduced
+
+# 1.0.0-beta.19
+
+- Cli Update
+
+# 1.0.0-beta.18
+
+- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
+
+# 1.0.0-beta.17
+
+- EmptyApproval Added
+- EmptyHistory Updated
+
+# 1.0.0-beta.16
+
+- EmptySchedule , EmptyColumn added
+
+# 1.0.0-beta.15
+
+- DefaultProps Fix
+
+# 1.0.0-beta.14
+
+- EmptyFrame Added
+
+# 1.0.0-beta.13
+
+- svgLoader Removed
+
+# 1.0.0-beta.12
+
+- Loads both dark mode image and ordinary image in the component.
+
+# 1.0.0-beta.11
+
+- SvgLoader function - replaced dynamic variable with static path. This is check version.
+
+# 1.0.0-beta.10
+
+- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
+
+# 1.0.0-beta.9
+
+- SvgLoader Function fix - replacing "import" with "require"
+
+# 1.0.0-beta.8
+
+- emptyDashboard issue fix
+
+# 1.0.0-beta.7
+
+-EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
+
+# 1.0.0-beta.6
+
+- wasted
+
+# 1.0.0-beta.5
+
+- dataId Added, EmtyDanger SVG updated
 
 # 1.0.0-beta.5
 

package/assets/Appearance/dark/mode/darkEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='dark'] {
+	/* default palette */
+	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+	--zdt_svg_default_plus: #479dff;
+	--zdt_svg_default_cross: #5cc1a5;
+	--zdt_svg_default_medium_circle: #ff6b6b;
+	--zdt_svg_default_tiny_circle: #4ac064;
+	--zdt_svg_default_small_circle: #ff6b6b;
+	--zdt_svg_default_circle_fill: var(--dot_white);
+	
+	/* dark palette */
+	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: #479dff;
+	--zdt_svg_dark_cross: #5cc1a5;
+	--zdt_svg_dark_medium_circle: #ff6b6b;
+	--zdt_svg_dark_tiny_circle: #4ac064;
+	--zdt_svg_dark_small_circle: #ff6b6b;
+	--zdt_svg_dark_circle_fill: var(--dot_white);
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: #ff6f00;
+	--zdt_svg_danger_primary_stroke: #479dff;
+	--zdt_svg_danger_secondary_fill: #334b68;
+	--zdt_svg_danger_secondary_plainfill: #334b68;
+	--zdt_svg_danger_plus: #479dff;
+	--zdt_svg_danger_cross: #5cc1a5;
+	--zdt_svg_danger_medium_circle: #ff6b6b;
+	--zdt_svg_danger_tiny_circle: #4ac064;
+	--zdt_svg_danger_small_circle: #ff6b6b;
+	--zdt_svg_danger_circle_fill: var(--dot_white);
+}

package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='blue'] {
+	--zdt_cta_primary_fill: #828994;
+	--zdt_cta_primary_stroke: #479dff;
+	--zdt_cta_secondary_fill: rgb(71 157 255 / 25%);
+	--zdt_cta_secondary_plainfill: #334b68;
+	--zdt_cta_primary_dark_fill: #828994;
+	--zdt_cta_primary_dark_stroke: #479dff;
+	--zdt_cta_secondary_dark_fill: #334b68;
+	--zdt_cta_secondary_dark_plainfill: #334b68
+}

package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='green'] {
+	--zdt_cta_primary_fill: #45a159;
+	--zdt_cta_primary_stroke: #45a159;
+	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_plainfill: #45a159;
+	--zdt_cta_primary_dark_fill: #45a159;
+	--zdt_cta_primary_dark_stroke: #45a159;
+	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #45a159
+}

package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='orange'] {
+	--zdt_cta_primary_fill: #ff801f;
+	--zdt_cta_primary_stroke: #ff801f;
+	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_plainfill: #ff801f;
+	--zdt_cta_primary_dark_fill: #ff801f;
+	--zdt_cta_primary_dark_stroke: #ff801f;
+	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #ff801f
+}

package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='red'] {
+	--zdt_cta_primary_fill: #e94f4f;
+	--zdt_cta_primary_stroke: #e94f4f;
+	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_plainfill: #e94f4f;
+	--zdt_cta_primary_dark_fill: #e94f4f;
+	--zdt_cta_primary_dark_stroke: #e94f4f;
+	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #e94f4f
+}

package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='yellow'] {
+	--zdt_cta_primary_fill: #d79835;
+	--zdt_cta_primary_stroke: #d79835;
+	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_plainfill: #d79835;
+	--zdt_cta_primary_dark_fill: #d79835;
+	--zdt_cta_primary_dark_stroke: #d79835;
+	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #d79835
+}

package/assets/Appearance/default/mode/defaultEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='default'] {
+	/* default palette */
+	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+	--zdt_svg_default_plus: #3f70b7;
+	--zdt_svg_default_cross: #5cc1a5;
+	--zdt_svg_default_medium_circle: #e56471;
+	--zdt_svg_default_tiny_circle: #5cc1a5;
+	--zdt_svg_default_small_circle: #010101;
+	--zdt_svg_default_circle_fill: var(--dot_white);
+	
+	/* dark palette */
+	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: #479dff;
+	--zdt_svg_dark_cross: #5cc1a5;
+	--zdt_svg_dark_medium_circle: #e56471;
+	--zdt_svg_dark_tiny_circle: #5cc1a5;
+	--zdt_svg_dark_small_circle: #010101;
+	--zdt_svg_dark_circle_fill: var(--dot_white);
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: #ff6f00;
+	--zdt_svg_danger_primary_stroke: #010101;
+	--zdt_svg_danger_secondary_fill: rgba(63, 112, 183, 0.25);
+	--zdt_svg_danger_secondary_plainfill: #3f70b7;
+	--zdt_svg_danger_plus: #3f70b7;
+	--zdt_svg_danger_cross: #5cc1a5;
+	--zdt_svg_danger_medium_circle: #e56471;
+	--zdt_svg_danger_tiny_circle: #5cc1a5;
+	--zdt_svg_danger_small_circle: #010101;
+	--zdt_svg_danger_circle_fill: var(--dot_white);
+}

package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='blue'] {
+	--zdt_cta_primary_fill: #0a73eb;
+	--zdt_cta_primary_stroke: #221f1f;
+	--zdt_cta_secondary_fill: rgba(10, 115, 235, 0.25);
+	--zdt_cta_secondary_plainfill: #0a73eb;
+	--zdt_cta_primary_dark_fill: #a6add7;
+	--zdt_cta_primary_dark_stroke: #fff;
+	--zdt_cta_secondary_dark_fill: #3f70b7;
+	--zdt_cta_secondary_dark_plainfill: #3f70b7
+}

package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='green'] {
+	--zdt_cta_primary_fill: #26a942;
+	--zdt_cta_primary_stroke: #010101;
+	--zdt_cta_secondary_fill: rgba(38, 169, 66, 0.25);
+	--zdt_cta_secondary_plainfill: #26a942;
+	--zdt_cta_primary_dark_fill: #26a942;
+	--zdt_cta_primary_dark_stroke: #fff;
+	--zdt_cta_secondary_dark_fill: rgba(38, 169, 66, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #26a942
+}

package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='orange'] {
+	--zdt_cta_primary_fill: #e57717;
+	--zdt_cta_primary_stroke: #010101;
+	--zdt_cta_secondary_fill: rgba(229, 119, 23, 0.25);
+	--zdt_cta_secondary_plainfill: #e57717;
+	--zdt_cta_primary_dark_fill: #e57717;
+	--zdt_cta_primary_dark_stroke: #fff;
+	--zdt_cta_secondary_dark_fill: rgba(229, 119, 23, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #e57717
+}

package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='red'] {
+	--zdt_cta_primary_fill: #de3535;
+	--zdt_cta_primary_stroke: #010101;
+	--zdt_cta_secondary_fill: rgba(222, 53, 53, 0.25);
+	--zdt_cta_secondary_plainfill: #de3535;
+	--zdt_cta_primary_dark_fill: #de3535;
+	--zdt_cta_primary_dark_stroke: #fff;
+	--zdt_cta_secondary_dark_fill: rgba(222, 53, 53, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #de3535
+}

package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='yellow'] {
+	--zdt_cta_primary_fill: #e8b923;
+	--zdt_cta_primary_stroke: #010101;
+	--zdt_cta_secondary_fill: rgba(232, 185, 35, 0.25);
+	--zdt_cta_secondary_plainfill: #e8b923;
+	--zdt_cta_primary_dark_fill: #e8b923;
+	--zdt_cta_primary_dark_stroke: #fff;
+	--zdt_cta_secondary_dark_fill: rgba(232, 185, 35, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #e8b923
+}

package/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='pureDark'] {
+	/* default palette */
+	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+	--zdt_svg_default_plus: #479dff;
+	--zdt_svg_default_cross: #5cc1a5;
+	--zdt_svg_default_medium_circle: #ff6b6b;
+	--zdt_svg_default_tiny_circle: #4ac064;
+	--zdt_svg_default_small_circle: #ff6b6b;
+	--zdt_svg_default_circle_fill: var(--dot_white);
+	
+	/* dark palette */
+	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: #479dff;
+	--zdt_svg_dark_cross: #5cc1a5;
+	--zdt_svg_dark_medium_circle: #ff6b6b;
+	--zdt_svg_dark_tiny_circle: #4ac064;
+	--zdt_svg_dark_small_circle: #ff6b6b;
+	--zdt_svg_dark_circle_fill: var(--dot_white);
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: #ff6f00;
+	--zdt_svg_danger_primary_stroke: #479dff;
+	--zdt_svg_danger_secondary_fill: #334b68;
+	--zdt_svg_danger_secondary_plainfill: #334b68;
+	--zdt_svg_danger_plus: #479dff;
+	--zdt_svg_danger_cross: #5cc1a5;
+	--zdt_svg_danger_medium_circle: #ff6b6b;
+	--zdt_svg_danger_tiny_circle: #4ac064;
+	--zdt_svg_danger_small_circle: #ff6b6b;
+	--zdt_svg_danger_circle_fill: var(--dot_white);
+}

package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='blue'] {
+	--zdt_cta_primary_fill: #828994;
+	--zdt_cta_primary_stroke: #479dff;
+	--zdt_cta_secondary_fill: #334b68;
+	--zdt_cta_secondary_plainfill: #334b68;
+	--zdt_cta_primary_dark_fill: #828994;
+	--zdt_cta_primary_dark_stroke: #479dff;
+	--zdt_cta_secondary_dark_fill: #334b68;
+	--zdt_cta_secondary_dark_plainfill: #334b68
+}

package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='green'] {
+	--zdt_cta_primary_fill: #45a159;
+	--zdt_cta_primary_stroke: #0e7c1c;
+	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_plainfill: #45a159;
+	--zdt_cta_primary_dark_fill: #45a159;
+	--zdt_cta_primary_dark_stroke: #0e7526;
+	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #45a159
+}

package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='orange'] {
+	--zdt_cta_primary_fill: #ff801f;
+	--zdt_cta_primary_stroke: #a85100;
+	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_plainfill: #ff801f;
+	--zdt_cta_primary_dark_fill: #ff801f;
+	--zdt_cta_primary_dark_stroke: #a85100;
+	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #ff801f
+}

package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='red'] {
+	--zdt_cta_primary_fill: #a81111;
+	--zdt_cta_primary_stroke: #e94f4f;
+	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_plainfill: #e94f4f;
+	--zdt_cta_primary_dark_fill: #e94f4f;
+	--zdt_cta_primary_dark_stroke: #a81111;
+	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #e94f4f
+}

package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='pureDark'][data-theme='yellow'] {
+	--zdt_cta_primary_fill: #d79835;
+	--zdt_cta_primary_stroke: #9b6808;
+	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_plainfill: #d79835;
+	--zdt_cta_primary_dark_fill: #d79835;
+	--zdt_cta_primary_dark_stroke: #9b6808;
+	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
+	--zdt_cta_secondary_dark_plainfill: #d79835
+}

package/deprecated/june_2022/ErrorUnauthorizedLogin.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class UnauthorizedLogin extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 -40 500 500'
+        name='UnauthorizedLogin'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={92.57}
+          cy={364.54}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={75.88}
+          cy={120.98}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={293.35}
+          cy={73.62}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={141.83}
+          cy={409.84}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={376.13}
+          cy={397.82}
+          r={12.74}
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-2"
+          d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
+        />
+        <path
+          d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          fill="none"
+        />
+        <ellipse
+          cx={319.44}
+          cy={65.07}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={60.28}
+          cy={276.06}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-8"
+          d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
+        />
+        <ellipse
+          cx={392.54}
+          cy={383.2}
+          rx={2.46}
+          ry={2.44}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_small_circle)"
+          fill="none"
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-10"
+          d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
+        />
+      </SVG>
+    );
+  }
+}
+
+UnauthorizedLogin.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+UnauthorizedLogin.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'unauthorizedlogin'
+};
+
+if (__DOCS__) {
+  UnauthorizedLogin.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/Loader/Loader.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import { LoaderDefaultProps } from './props/defaultProps';
+import { LoaderProps } from './props/propTypes';
+import SVG from './../SVG/SVG';
+import cssStyle from './../SVG/SVG.module.css';
+export default class Loader extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.viewBoxStyle = {
+      animation: 'loaderone 2s linear infinite'
+    };
+    this.defsStyle = {
+      animation: 'circleAnimation_1 1.5s linear infinite',
+      transformOrigin: 'center'
+    };
+    this.circleStyle = {
+      animation: 'circleAnimation_2 1.2s linear infinite',
+      transformOrigin: 'center'
+    };
+  }
+
+  render() {
+    let {
+      dataId
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: cssStyle.center
+    }, /*#__PURE__*/React.createElement(SVG, {
+      viewBox: "0 0 40 40",
+      name: "Loader",
+      className: `${cssStyle.loaderWrapper}`,
+      dataId: dataId,
+      styleName: this.viewBoxStyle
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}')), /*#__PURE__*/React.createElement("title", null, 'loader'), /*#__PURE__*/React.createElement("circle", {
+      fill: "none",
+      stroke: "#089949",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      cx: 20,
+      cy: 20,
+      r: 13,
+      style: this.defsStyle,
+      strokeDasharray: 82,
+      strokeDashoffset: 82
+    }), /*#__PURE__*/React.createElement("circle", {
+      fill: "none",
+      stroke: "#17c662",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      cx: 20,
+      cy: 20,
+      r: 8,
+      style: this.circleStyle,
+      strokeDasharray: 50,
+      strokeDashoffset: 50
+    })));
+  }
+
+}
+Loader.propTypes = LoaderProps;
+Loader.defaultProps = LoaderDefaultProps;
+
+if (false) {
+  Loader.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/Loader/props/defaultProps.js

@@ -0,0 +1,3 @@
+export const LoaderDefaultProps = {
+  dataId: 'loader'
+};

package/es/Loader/props/propTypes.js

@@ -0,0 +1,4 @@
+import PropTypes from 'prop-types';
+export const LoaderProps = {
+  dataId: PropTypes.string
+};