@zohodesk/svg 1.0.0-temp.55 → 1.0.0-temp.57

package/install.md

@@ -1,11 +1,11 @@
-- For New :
-
-# npm i
-# npm run common_package_build
-
-For Update:
-
-# npm run download
-# npm run common_package_build
-
-
+- For New :
+
+# npm i
+# npm run common_package_build
+
+For Update:
+
+# npm run download
+# npm run common_package_build
+
+

package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap

@@ -1,54 +1,54 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
-<DocumentFragment>
-  <div
-    class="center"
-  >
-    <div
-      aria-hidden="true"
-      class=" loaderWrapper default svgCenter "
-    >
-      <svg
-        data-id="loader"
-        data-test-id="loader"
-        height="100%"
-        style="animation: loaderone 2s linear infinite;"
-        viewBox="0 0 40 40"
-        width="100%"
-      >
-        <defs>
-          <style>
-            @keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
-          </style>
-        </defs>
-        <circle
-          cx="20"
-          cy="20"
-          fill="none"
-          r="13"
-          stroke="#089949"
-          stroke-dasharray="82"
-          stroke-dashoffset="82"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
-        />
-        <circle
-          cx="20"
-          cy="20"
-          fill="none"
-          r="8"
-          stroke="#17c662"
-          stroke-dasharray="50"
-          stroke-dashoffset="50"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
-        />
-      </svg>
-    </div>
-  </div>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
+<DocumentFragment>
+  <div
+    class="center"
+  >
+    <div
+      aria-hidden="true"
+      class=" loaderWrapper default svgCenter "
+    >
+      <svg
+        data-id="loader"
+        data-test-id="loader"
+        height="100%"
+        style="animation: loaderone 2s linear infinite;"
+        viewBox="0 0 40 40"
+        width="100%"
+      >
+        <defs>
+          <style>
+            @keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
+          </style>
+        </defs>
+        <circle
+          cx="20"
+          cy="20"
+          fill="none"
+          r="13"
+          stroke="#089949"
+          stroke-dasharray="82"
+          stroke-dashoffset="82"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
+        />
+        <circle
+          cx="20"
+          cy="20"
+          fill="none"
+          r="8"
+          stroke="#17c662"
+          stroke-dasharray="50"
+          stroke-dashoffset="50"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
+        />
+      </svg>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/SVG/SVG.module.css

@@ -1,31 +1,34 @@
-.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) ;
+}
+.loader {
+  width: 100% ;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.center {
+  height: 100% ;
+  composes: loader
+}