npm - @aquera/nile-elements - Versions diffs - 0.0.55 → 0.0.57 - Mend

@aquera/nile-elements 0.0.55 → 0.0.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/README.md CHANGED Viewed

@@ -74,3 +74,11 @@ npm start
 ```
 To run a local development server that serves the basic demo located in `demo/index.html`
+## Release Notes
+In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
+#### Version 0.0.57
+- **Added:** Added more support to new design

package/demo/index.html CHANGED Viewed

@@ -2,23 +2,22 @@
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="/node_modules/@aquera/nile/lib/styles/variables.css" id="stylesheet">
+    <link rel="stylesheet" href="variables_v2.css" id="stylesheet" />
     <script>
-        function changeImportBasedOnURLParam() {
-            const urlParams = new URLSearchParams(window.location.search);
-            const variableStyle = urlParams.get('variableStyle');
-            if (variableStyle) {
-                const stylesheet = document.getElementById('stylesheet');
-                if (stylesheet) {
-                    stylesheet.href = `/node_modules/@aquera/nile/lib/styles/${variableStyle}.css`;
-                }
-            }
+      function changeImportBasedOnURLParam() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const variableStyle = urlParams.get('variableStyle');
+        if (variableStyle) {
+          const stylesheet = document.getElementById('stylesheet');
+          if (stylesheet) {
+            stylesheet.href = `${variableStyle}.css`;
+          }
         }
+      }
-        changeImportBasedOnURLParam();
+      changeImportBasedOnURLParam();
     </script>
     <style>
       body {
@@ -138,13 +137,13 @@
       .body {
         display: flex;
       }
-    </style>
+          </style>
   </head>
   <body>
     <div id="demo">
       <div class="container">
         <nile-icon name="search"></nile-icon>
-        <div class="stack frame-left-lg">
+          <div class="stack frame-left-lg">
           <h1>Setup Reports</h1>
           <nile-checkbox label="This is label" help-text="this is help text"> </nile-checkbox>
           <nile-textarea label="this is label" help-text="i'm here to help you" resize="vertical">  </nile-textarea>
@@ -159,15 +158,15 @@
             <nile-button variant="secondary">Reset</nile-button>
             <nile-button variant="tertiary">Help</nile-button>
           </div>
-        </div>
+                    </div>
         <div id="island">
-          <nile-button>Show Drawer</nile-button>
-        </div>
+            <nile-button>Show Drawer</nile-button>
+          </div>
         <div id="new-icons">
-        </div>
-      </div>
+                      </div>
+              </div>
     </div>
     <script type="module">
@@ -200,9 +199,9 @@
         return false;
       }
-        /*
-      * Added service worker to handle expensive flow of fetching huge amount of data from the filenames text file created through build script
-      */
+      /*
+       * Added service worker to handle expensive flow of fetching huge amount of data from the filenames text file created through build script
+       */
       const w  = new Worker('fetchTextFromFileWorker.js');
       const getMessage =  (msg)=>{
         const icons = splitStringBy(msg.data, ',');