@zohodesk/svg 1.0.0 → 1.1.0

package/assets/Appearance/{default/themes/yellow/yellowDefaultCTATheme.module.css → light/themes/yellow/yellow_SVGTheme_LightTheme.module.css}

@@ -1,10 +1,10 @@
-[data-mode='default'][data-theme='yellow'] {
+[data-mode='light'][data-theme='yellow'] {
 	--zdt_svgcta_primary_fill: rgb(232,185,35);
-	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_fill: rgba(232, 185, 35, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/blue/{bluePureDarkCTATheme.module.css → blue_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/green/{greenPureDarkCTATheme.module.css → green_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(134, 79%, calc(26% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/orange/{orangePureDarkCTATheme.module.css → orange_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/red/{redPureDarkCTATheme.module.css → red_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(0, 82%, calc(36% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/yellow/{yellowPureDarkCTATheme.module.css → yellow_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(39, 90%, calc(32% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/deprecated/june_2022/ErrorUnauthorizedLogin.js

@@ -1,127 +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'
-  };
-}
+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/SVG/SVG.module.css

@@ -1,31 +1,31 @@
-.cover {
-  height: 100% ;
-}
-.large {
-  height: var(--zd_size160) ;
-  width: var(--zd_size160) ;
-}
-.small {
-  height: var(--zd_size130) ;
-  width: var(--zd_size130) ;
-}
-[dir=ltr] .svgCenter {
-  margin-left: auto ;
-  margin-right: auto ;
-}
-[dir=rtl] .svgCenter {
-  margin-right: auto ;
-  margin-left: auto ;
-}
-
-.loaderWrapper {
-  height: var(--zd_size40) ;
-  width: var(--zd_size40) ;
-}
-.center {
-  height: 100% ;
-  width: 100% ;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.cover {
+  height: 100% ;
+}
+.large {
+  height: var(--zd_size160) ;
+  width: var(--zd_size160) ;
+}
+.small {
+  height: var(--zd_size130) ;
+  width: var(--zd_size130) ;
+}
+[dir=ltr] .svgCenter {
+  margin-left: auto ;
+  margin-right: auto ;
+}
+[dir=rtl] .svgCenter {
+  margin-right: auto ;
+  margin-left: auto ;
+}
+
+.loaderWrapper {
+  height: var(--zd_size40) ;
+  width: var(--zd_size40) ;
+}
+.center {
+  height: 100% ;
+  width: 100% ;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/css/EmptyStateVariables.module.css

@@ -1,39 +1,39 @@
-.default {
-  /* empty svg default palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_default_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_default_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
-}
-.dark {
-  /* empty svg dark palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
-}
-.danger {
-  /* empty svg danger palette variables */
-  --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
-  --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
-  --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
-  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
-  --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
-  --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
-  --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
-  --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
-  --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
-  --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
+.default {
+  /* empty svg default palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_default_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_default_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
+}
+.dark {
+  /* empty svg dark palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
+}
+.danger {
+  /* empty svg danger palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
 }

package/images/EmptyBusinessHoliday.svg

@@ -1,50 +1,50 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 181.9 139.3" style="enable-background:new 0 0 181.9 139.3;" xml:space="preserve">
-<style type="text/css">
-	.st0{opacity:3.000000e-02;fill:#1E2633;enable-background:new    ;}
-	.st1{fill:#EDE353;}
-	.st2{fill:#CED5DE;}
-	.st3{opacity:0.5;fill:#FFFFFF;enable-background:new    ;}
-	.st4{fill:#788190;}
-	.st5{fill:#F1F2F4;}
-</style>
-<title>business1</title>
-<g id="Layer_2_1_">
-	<g id="Layer_1-2">
-		<path class="st0" d="M181.9,68.8c0,38-30.8,68.8-68.8,68.8s-68.8-30.8-68.8-68.8S75.1,0,113.1,0c0,0,0,0,0,0
-			c37.9-0.1,68.7,30.6,68.8,68.5C181.9,68.6,181.9,68.7,181.9,68.8z"/>
-		<circle class="st0" cx="42.7" cy="56.4" r="42.7"/>
-		<path class="st0" d="M51.5,123.6c0,0.6,0,1.2-0.1,1.7c-1,8.6-8.7,14.7-17.3,13.8s-14.7-8.7-13.8-17.3s8.7-14.7,17.3-13.8
-			C45.6,109,51.6,115.7,51.5,123.6z"/>
-		<path class="st1" d="M29.5,64.8c-0.1-0.1-0.2-0.3-0.3-0.5L29.5,64.8z"/>
-		<path class="st2" d="M59,113c-0.3-0.3-0.7-0.5-1-0.8c-5.4-3.6-12.6-2.1-16.1,3.3c-1,1.5-1.7,3.3-1.9,5.1c-0.1,0.5-0.1,0.9-0.1,1.4
-			c0,2.8,1,5.4,2.8,7.5l0.2,0.2c4.5,4.6,11.8,4.7,16.5,0.3c4.6-4.5,4.7-11.8,0.3-16.5C59.4,113.4,59.2,113.2,59,113z M49,33.7
-			c-1.2,0.7-43.2,25.2-35.1,63c0,0,12.7-7.1,22.4-3.3C36.4,93.4,26.7,53.7,49,33.7z M49,33.7c35.4-7.9,62.8,24,62.8,24
-			c11-12.8,16.5-12.5,16.5-12.5C100,13.9,49.1,33.7,49,33.7L49,33.7z M123.3,77.2c0-0.3,0.1-0.6,0.1-1c0-0.2-0.1-0.4-0.2-0.6
-			c-0.1-0.1-0.2-0.1-0.4-0.1H100c-0.3,0-0.6,0.3-0.6,0.6c0,0,0,0,0,0c0.1,3.2,1.1,17.6,7.5,27.4c0.2,0.3,0.4,0.6,0.6,0.9
-			c3.5,4.9,8.5,8.5,15.6,8.6c0.5,0,1,0,1.5,0c0.2,0,0.4,0,0.6-0.1c2.5-0.4,4.7-2.9,6.4-4.8c0.7-1,1-2.2,0.9-3.3
-			C132.5,104.8,121.9,89.9,123.3,77.2z M90.6,70.6c0,0-6.7,0.7-17.6,6.3l-0.9,0.5c-4.3,2.3-8.4,4.9-12.4,7.8
-			c0,0-18.1-28.2-10.7-51.4C49.1,33.7,73.4,39,90.6,70.6z"/>
-		<path class="st3" d="M60.7,119.8c0,6.4-5.2,11.6-11.6,11.6c0,0,0,0,0,0c-2.3,0-4.5-0.7-6.4-1.9c-4.2-4.9-3.5-12.3,1.4-16.4
-			c3.9-3.3,9.6-3.7,13.9-0.8C59.7,114.4,60.7,117,60.7,119.8z"/>
-		<path class="st4" d="M49.1,33.7c0,0,32-10.1,62.8,24c0,0-8.4,1-21.3,12.9C90.6,70.6,75.8,42.1,49.1,33.7z M36.4,93.4
-			c8.8-8.7,23.4-8.3,23.4-8.3C43.3,54.9,49.1,33.7,49.1,33.7C24.5,53.3,36.4,93.4,36.4,93.4z M124.6,113.1h22.8
-			c4.4-0.7,7.9-3.9,9-8.2h-23.9C131.1,110.2,123.9,113.3,124.6,113.1z M57.9,112.3c-1.9-1.2-4.1-1.9-6.4-1.9c-0.5,0-1,0-1.5,0.1
-			c-1.5,2.1-2.3,4.6-2.5,7.2c3.2-2.8,7.2-4.5,11.4-4.7C58.7,112.7,58.3,112.5,57.9,112.3z M39.9,120.6L39.9,120.6
-			c0,0.5-0.1,0.9-0.1,1.4c0,2.8,1,5.4,2.8,7.5c0,0.1,0.1,0.1,0.2,0.2c0.1-4.3,1.7-8.5,4.6-11.7C44.7,118.1,42.2,119.1,39.9,120.6
-			L39.9,120.6z M47.6,118c-0.5,6.1,2.5,11.9,7.7,15c3.5-1.2,6.3-4,7.4-7.5C61,123.3,55.8,117.3,47.6,118z"/>
-		<path class="st5" d="M158.7,120.3c-26.1,23.2-65.4,23.1-91.4-0.2C97.2,111.9,128.8,112,158.7,120.3z"/>
-		<path class="st4" d="M95,118.3c-0.1,0-0.2,0.1-0.2,0.1c-0.2,0-0.4-0.1-0.4-0.3L72.1,77.3l0.9-0.5l22.2,40.8
-			C95.3,117.9,95.2,118.2,95,118.3z"/>
-		<path class="st4" d="M113.4,95.5L113.4,95.5l-13.1-19.6c-0.1-0.2-0.4-0.3-0.7-0.2c0,0,0,0,0,0c-0.2,0.2-0.3,0.5-0.1,0.7l12.9,19.3
-			l-18,25.7c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2L113,96.6l10.6,15.8l-6.5,9
-			c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l6.3-8.7l6.1,9.1c0.1,0.1,0.2,0.2,0.4,0.2
-			c0.1,0,0.2,0,0.3-0.1c0.2-0.2,0.3-0.5,0.1-0.7L113.4,95.5z"/>
-		<path class="st4" d="M153.5,121.4l-29.9-45.5c-0.1-0.2-0.5-0.3-0.7-0.2c-0.2,0.2-0.3,0.5-0.1,0.7l12.6,19.3l-4.2,5.4
-			c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l4-5.1l16.6,25.4c0.1,0.1,0.3,0.2,0.4,0.2
-			c0.1,0,0.2,0,0.3-0.1C153.5,122,153.6,121.7,153.5,121.4C153.5,121.4,153.5,121.4,153.5,121.4z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 181.9 139.3" style="enable-background:new 0 0 181.9 139.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:3.000000e-02;fill:#1E2633;enable-background:new    ;}
+	.st1{fill:#EDE353;}
+	.st2{fill:#CED5DE;}
+	.st3{opacity:0.5;fill:#FFFFFF;enable-background:new    ;}
+	.st4{fill:#788190;}
+	.st5{fill:#F1F2F4;}
+</style>
+<title>business1</title>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<path class="st0" d="M181.9,68.8c0,38-30.8,68.8-68.8,68.8s-68.8-30.8-68.8-68.8S75.1,0,113.1,0c0,0,0,0,0,0
+			c37.9-0.1,68.7,30.6,68.8,68.5C181.9,68.6,181.9,68.7,181.9,68.8z"/>
+		<circle class="st0" cx="42.7" cy="56.4" r="42.7"/>
+		<path class="st0" d="M51.5,123.6c0,0.6,0,1.2-0.1,1.7c-1,8.6-8.7,14.7-17.3,13.8s-14.7-8.7-13.8-17.3s8.7-14.7,17.3-13.8
+			C45.6,109,51.6,115.7,51.5,123.6z"/>
+		<path class="st1" d="M29.5,64.8c-0.1-0.1-0.2-0.3-0.3-0.5L29.5,64.8z"/>
+		<path class="st2" d="M59,113c-0.3-0.3-0.7-0.5-1-0.8c-5.4-3.6-12.6-2.1-16.1,3.3c-1,1.5-1.7,3.3-1.9,5.1c-0.1,0.5-0.1,0.9-0.1,1.4
+			c0,2.8,1,5.4,2.8,7.5l0.2,0.2c4.5,4.6,11.8,4.7,16.5,0.3c4.6-4.5,4.7-11.8,0.3-16.5C59.4,113.4,59.2,113.2,59,113z M49,33.7
+			c-1.2,0.7-43.2,25.2-35.1,63c0,0,12.7-7.1,22.4-3.3C36.4,93.4,26.7,53.7,49,33.7z M49,33.7c35.4-7.9,62.8,24,62.8,24
+			c11-12.8,16.5-12.5,16.5-12.5C100,13.9,49.1,33.7,49,33.7L49,33.7z M123.3,77.2c0-0.3,0.1-0.6,0.1-1c0-0.2-0.1-0.4-0.2-0.6
+			c-0.1-0.1-0.2-0.1-0.4-0.1H100c-0.3,0-0.6,0.3-0.6,0.6c0,0,0,0,0,0c0.1,3.2,1.1,17.6,7.5,27.4c0.2,0.3,0.4,0.6,0.6,0.9
+			c3.5,4.9,8.5,8.5,15.6,8.6c0.5,0,1,0,1.5,0c0.2,0,0.4,0,0.6-0.1c2.5-0.4,4.7-2.9,6.4-4.8c0.7-1,1-2.2,0.9-3.3
+			C132.5,104.8,121.9,89.9,123.3,77.2z M90.6,70.6c0,0-6.7,0.7-17.6,6.3l-0.9,0.5c-4.3,2.3-8.4,4.9-12.4,7.8
+			c0,0-18.1-28.2-10.7-51.4C49.1,33.7,73.4,39,90.6,70.6z"/>
+		<path class="st3" d="M60.7,119.8c0,6.4-5.2,11.6-11.6,11.6c0,0,0,0,0,0c-2.3,0-4.5-0.7-6.4-1.9c-4.2-4.9-3.5-12.3,1.4-16.4
+			c3.9-3.3,9.6-3.7,13.9-0.8C59.7,114.4,60.7,117,60.7,119.8z"/>
+		<path class="st4" d="M49.1,33.7c0,0,32-10.1,62.8,24c0,0-8.4,1-21.3,12.9C90.6,70.6,75.8,42.1,49.1,33.7z M36.4,93.4
+			c8.8-8.7,23.4-8.3,23.4-8.3C43.3,54.9,49.1,33.7,49.1,33.7C24.5,53.3,36.4,93.4,36.4,93.4z M124.6,113.1h22.8
+			c4.4-0.7,7.9-3.9,9-8.2h-23.9C131.1,110.2,123.9,113.3,124.6,113.1z M57.9,112.3c-1.9-1.2-4.1-1.9-6.4-1.9c-0.5,0-1,0-1.5,0.1
+			c-1.5,2.1-2.3,4.6-2.5,7.2c3.2-2.8,7.2-4.5,11.4-4.7C58.7,112.7,58.3,112.5,57.9,112.3z M39.9,120.6L39.9,120.6
+			c0,0.5-0.1,0.9-0.1,1.4c0,2.8,1,5.4,2.8,7.5c0,0.1,0.1,0.1,0.2,0.2c0.1-4.3,1.7-8.5,4.6-11.7C44.7,118.1,42.2,119.1,39.9,120.6
+			L39.9,120.6z M47.6,118c-0.5,6.1,2.5,11.9,7.7,15c3.5-1.2,6.3-4,7.4-7.5C61,123.3,55.8,117.3,47.6,118z"/>
+		<path class="st5" d="M158.7,120.3c-26.1,23.2-65.4,23.1-91.4-0.2C97.2,111.9,128.8,112,158.7,120.3z"/>
+		<path class="st4" d="M95,118.3c-0.1,0-0.2,0.1-0.2,0.1c-0.2,0-0.4-0.1-0.4-0.3L72.1,77.3l0.9-0.5l22.2,40.8
+			C95.3,117.9,95.2,118.2,95,118.3z"/>
+		<path class="st4" d="M113.4,95.5L113.4,95.5l-13.1-19.6c-0.1-0.2-0.4-0.3-0.7-0.2c0,0,0,0,0,0c-0.2,0.2-0.3,0.5-0.1,0.7l12.9,19.3
+			l-18,25.7c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2L113,96.6l10.6,15.8l-6.5,9
+			c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l6.3-8.7l6.1,9.1c0.1,0.1,0.2,0.2,0.4,0.2
+			c0.1,0,0.2,0,0.3-0.1c0.2-0.2,0.3-0.5,0.1-0.7L113.4,95.5z"/>
+		<path class="st4" d="M153.5,121.4l-29.9-45.5c-0.1-0.2-0.5-0.3-0.7-0.2c-0.2,0.2-0.3,0.5-0.1,0.7l12.6,19.3l-4.2,5.4
+			c-0.2,0.2-0.1,0.5,0.1,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.3-0.1,0.4-0.2l4-5.1l16.6,25.4c0.1,0.1,0.3,0.2,0.4,0.2
+			c0.1,0,0.2,0,0.3-0.1C153.5,122,153.6,121.7,153.5,121.4C153.5,121.4,153.5,121.4,153.5,121.4z"/>
+	</g>
+</g>
+</svg>